<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8"; 
@font-face{ font-family:myFirstFont; src:url(Sylfaen.ttf);}
*{ border:none; margin:0; outline:none; margin:0; border:0; padding:0;}
a{ text-decoration:none; color:#333;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
body,html{ width:100%; height:100%; color:#333; font-size:14px; font-family:"Microsoft YaHei"; margin:0; padding:0; border:0; outline:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none;}

/*loading*/
body.loading{ overflow-y:hidden;}
body.loading .main{ overflow-y:hidden;} 
#pageloader{ position:fixed; top:0; left:0; width:100%; height:100%; overflow:hidden; z-index:2000;}
#pageloader::after,#pageloader::before{ content:""; display:block; position:absolute; left:0; width:100%; height:50%; background:#fff; z-index:-1; -webkit-transition:all 1.2s  cubic-bezier(.77,0,.175,1) 0s; transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;}
#pageloader::before{ top:0;}
#pageloader::after{ bottom:0;}
#pageloader .loader-icon{ -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
#pageloader.hiden::after,#pageloader.hiden::before{ height:0;}
#pageloader.hiden .loader-icon{ opacity:0;}
.loader-icon{ position:absolute; top:50%; left:50%; width:30px; height:30px; margin-top:-15px; margin-left:-15px;}
.loader-icon .circular{ width:100%; height:100%; -webkit-animation:rotate 2s linear infinite; animation:rotate 2s linear infinite; -webkit-transform-origin:center center; -ms-transform-origin:center center; transform-origin:center center;}
.loader-icon .circular .path{ stroke-dasharray:1,200; stroke-dashoffset:0; -webkit-animation:dash 1.5s ease-in-out infinite; animation:dash 1.5s ease-in-out infinite; stroke-linecap:round;}
@-webkit-keyframes dash {
	0% {
	stroke-dasharray:1,200;
	stroke-dashoffset:0;
	}

	50% {
	stroke-dasharray:89,200;
	stroke-dashoffset:-35px;
	}

	100% {
	stroke-dasharray:89,200;
	stroke-dashoffset:-124px;
	}
}
@keyframes dash {
	0% {
	stroke-dasharray:1,200;
	stroke-dashoffset:0;
	}
	
	50% {
	stroke-dasharray:89,200;
	stroke-dashoffset:-35px
	}
	
	100% {
	stroke-dasharray:89,200;
	stroke-dashoffset:-124px
	}
}
@-webkit-keyframes sectitle0{
	0%{
	-webkit-transform:translateX(-15%);
	transform:translateX(-15%);
	filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;
	}
	
	100%{
	-webkit-transform:translateX(0);
	transform:translateX(0);
	filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;
	}
}

@keyframes sectitle0{
	0%{
	-webkit-transform:translateX(-15%);
	transform:translateX(-15%);
	filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;
	}
	
	100%{
	-webkit-transform:translateX(0);
	transform:translateX(0);
	filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;
	}
}

@-webkit-keyframes scaleUpDown {
	from { -webkit-transform:scale(1.08); transform:scale(1.08); }

	to { opacity:1; -webkit-transform:scale(1); transform:scale(1); }
}

@keyframes scaleUpDown {
	from { -webkit-transform:scale(1.08); transform:scale(1.08); }

	to { opacity:1; -webkit-transform:scale(1); transform:scale(1); }
}

@-webkit-keyframes ProgressDots {
	from {
	width:0px;
	}
	
	to {
	width:100%;
	}
}

@keyframes ProgressDots {
	from {
	width:0px;
	}
	
	to {
	width:100%;
	}
}


.a_body{ position:relative; height:100%; width:100%; overflow:hidden;}
.banner{ position:relative; z-index:1; height:100%; overflow:hidden; width:100%;}
.miso-slider{ width:100%; height:100%; position:relative; overflow:hidden; display:block; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.banner .miso-prev,.banner .miso-next{ z-index:99; background:none; background-position:center; background-repeat:no-repeat; cursor:pointer; -moz-transition:all 0.36s ease-in-out; -webkit-transition:all 0.36s ease-in-out; -o-transition:all 0.36s ease-in-out; -ms-transition:all 0.36s ease-in-out; transition:all 0.36s ease-in-out; position:absolute; font-size:0;}
.banner .miso-prev{ background-image:url(../images/left.png);}
.banner .miso-next{ background-image:url(../images/right.png);}
.banner .miso-list,.banner .miso-track,.banner .miso-slide{ width:100%; height:100%; position:relative; overflow:hidden; display:block; z-index:0;}
.banner .miso-list li{ display:block; float:left;}
.banner .miso-list li .img{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:0; overflow:hidden; background-repeat:no-repeat;}
.banner .miso-list li.miso-current .img{ -webkit-animation:scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation:scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.banner .layui-container{ position:relative; height:100%;}
.banner .layui-row{ position:absolute; left:0; width:100%; -webkit-animation:sectitle0 2s ease-in-out 100ms forwards; animation:sectitle0 2s ease-in-out 100ms forwards; filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0; -moz-transition:all 0.6s ease-in-out; -webkit-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;padding:0 0 0 0;}
.banner .layui-row img{ width:100%; display:block;}
.banner .miso-list li.miso-current .layui-row{ filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1;}
.banner .miso-dots{ position:absolute; bottom: 33%; width:140px; left:10%; margin-left:42px; z-index:1; text-align:center; vertical-align:middle;}
.banner .miso-dots li{ display:inline-block; width:10px; height:10px; border:1px solid #fff; border-radius:10px; margin:0 3px; margin-bottom:15px;}
.banner .miso-dots li.miso-active{ background-color:#fff;}
.banner .miso-dots button{ display:none !important;}

@media screen and (min-width:1281px){
.banner .layui-row{ top:21%; margin-left:10%; width:700px;}
.banner .miso-list li.miso-current .layui-row{ top:22%;}
.banner .miso-prev,.banner .miso-next{ width:42px; height:42px; bottom:33%;}
.banner .miso-prev{ left:10%;}
.banner .miso-next{ left:10%; margin-left:182px;}
.banner .miso-list li .img{ background-position:center; background-size:cover;}
}
@media screen and (min-width:769px) and (max-width:1280px){
.banner .layui-row{ top:33%; margin-left:5%; max-width:60%; width:600px;}
.banner .miso-list li.miso-current .layui-row{ top:22%;}
.banner .miso-prev,.banner .miso-next{ width:42px; height:42px; bottom:34%;}
.banner .miso-prev{ left:5%;}
.banner .miso-next{ left:5%; margin-left:182px;}
.banner .miso-dots{ bottom:34%; left:5%;}
.banner .miso-list li .img{ background-position:center; background-size:cover;}
}
@media only screen and (max-width:768px){
.banner .layui-row{ top:24%; margin-left:3%; max-width:90%;}
.banner .miso-list li.miso-current .layui-row{ top:23%;}
.banner .miso-prev,.banner .miso-next{ width:30px; height:30px; bottom:43%; background-size:100% 100%;}
.banner .miso-prev{ left:3%;}
.banner .miso-next{ left:3%; margin-left:170px;}
.banner .miso-dots{ bottom:43%; left:3%; height:30px; margin-left:30px;}
.banner .miso-dots li{ margin-top:9px; margin-bottom:0;}
.banner .miso-list li .img{ background-position:80% center; background-size:cover;}
}

/*header*/
@media screen and (min-width:1281px){
.header{ position:fixed; width:100%; padding:20px 0; height:80px; top:0; left:0; z-index:4;}
.header:before{ width:0; height:1px; content:""; position:absolute; bottom:0; left:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF'); background:rgba(255,255,255,0.25); -moz-transition:all 3s ease-in-out; -webkit-transition:all 3s ease-in-out; -o-transition:all 3s ease-in-out; -ms-transition:all 3s ease-in-out; transition:all 3s ease-in-out;}
.header.on:before{ width:100%; transition-delay:2.6s;}
.header .logo{ height:80px; float:left; -webkit-transition:0.36s; -o-transition:0.36s; -moz-transition:0.36s; transition:0.36s; overflow:hidden; margin-left:3%;}
.header .logo img{ display:block; height:80px;}
.header .ser{ display:block; float:right; width:32px; height:32px; margin-top:14px; margin-right:80px; position:relative;}
.header .ser span{ width:32px; height:32px; display:block;}
.header .ser span img{ width:20px; margin:6px; display:block;}
.header .ser p{ display:block; position:absolute; right:0; top:0; overflow:hidden; width:0; background-color:rgba(255,255,255,0.8); height:32px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s;}
.header .ser p a{ width:180px; display:block; float:left;}
.header .ser p a input{ display:block; height:32px; line-height:32px; width:100%; text-indent:10px; font-size:14px;}
.header .ser p strong{ width:30px; display:block; float:left;}
.header .ser p strong input{ display:block; height:32px; width:100%; background-color:#22549a; background-image:url(../images/h02.png); background-position:center; background-repeat:no-repeat;}
.header .ser:hover p{ width:210px;}
.header .hui{ width:6.77%; height:50px; display:block; float:right; margin-top:15px; font-size:14px; color:#fff; text-align:center;}
.header .hui a{ color:#fff; display:block;}
.header .hui img{ display:block; margin:auto; margin-bottom:10px;}
.left_bar .menu-btn{ display:none;}

.header ul{ display:block; float:right; height:100px;}
.header ul li{ display:block; float:left; position:relative; margin-right:28px;}
.header ul li a{ display:block; height:100px; line-height:80px; font-size:16px; position:relative; color:#fff;}
.header ul li a b{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0;}
.header ul li a.now b{ background-color:#eb7519;}
.header ul li a.now{ color:#eb7519;}

#navbox{ width:1200px; background-color:#fff; overflow:hidden; box-shadow:0 7px 22px 0 rgba(0,0,0,.2); filter:alpha(opacity=0); opacity:0; z-index:111; position:absolute; left:50%; margin-left:-600px; top:120px;}
#navbox .cont{ width:100%; overflow:hidden; position:relative; height:auto; height:100%;}
#navbox .mil{ width:13.66%; box-sizing:border-box; overflow:hidden; margin-left:3%; margin-top:30px; padding-bottom:20px; text-align:center;}
#navbox .mil strong{ width:100%; height:160px; display:block; overflow:hidden; margin-bottom:10px;}
#navbox .mil strong img{ display:block; max-height:100%; max-width:100%;}
#navbox .mil p{ display:block; height:26px; line-height:26px; font-size:16px; overflow:hidden;}
#navbox .mil p a{ color:#22549a;}
#navbox .mil p a:hover{ text-decoration:underline;}
#navbox .mil ul{ display:block; overflow:hidden; height:144px; margin:9px auto;}
#navbox .mil ul li{ display:block; height:24px; line-height:24px; font-size:14px;}
#navbox .mil ul li a:hover{ color:#22549a;}

#navbox.navbox{ background-color:rgba(34,84,154,0.8);}
#navbox.navbox .mil p a{ color:#fff;}
#navbox.navbox .mil ul li a{ color:#fff;}
#navbox.navbox .mil ul li a:hover{ text-decoration:underline;}
}

@media screen and (min-width:1024px) and (max-width:1280px){
.header{ position:fixed; width:100%; padding:15px 0; height:60px; top:0; left:0; z-index:4;}
.header:before{ width:0; height:1px; content:""; position:absolute; bottom:0; left:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF'); background:rgba(255,255,255,0.25); -moz-transition:all 3s ease-in-out; -webkit-transition:all 3s ease-in-out; -o-transition:all 3s ease-in-out; -ms-transition:all 3s ease-in-out; transition:all 3s ease-in-out;}
.header.on:before{ width:100%; transition-delay:2.6s;}
.header .logo{ height:60px; float:left; -webkit-transition:0.36s; -o-transition:0.36s; -moz-transition:0.36s; transition:0.36s; overflow:hidden; margin-left:3%;}
.header .logo img{ display:block; height:60px;}

.header .ser{ display:block; float:right; width:32px; height:32px; margin-top:14px; margin-right:50px; position:relative;}
.header .ser span{ width:32px; height:32px; display:block;}
.header .ser span img{ width:20px; margin:6px; display:block;}
.header .ser p{ display:block; position:absolute; right:0; top:0; overflow:hidden; width:0; background-color:rgba(255,255,255,0.8); height:32px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s;}
.header .ser p a{ width:180px; display:block; float:left;}
.header .ser p a input{ display:block; height:32px; line-height:32px; width:100%; text-indent:10px; font-size:14px;}
.header .ser p strong{ width:30px; display:block; float:left;}
.header .ser p strong input{ display:block; height:32px; width:100%; background-color:#22549a; background-image:url(../images/h02.png); background-position:center; background-repeat:no-repeat;}
.header .ser:hover p{ width:210px;}
.header .hui{ width:8%; height:50px; display:block; float:right; margin-top:8px; font-size:14px; color:#fff; text-align:center;}
.header .hui a{ color:#fff; display:block;}
.header .hui img{ display:block; margin:auto; margin-bottom:7px;}
.left_bar .menu-btn{ display:none;}
.left_bar dl{ display:block !important;}
.left_bar dl{ width:100%; height:280px; position:absolute; top:50%; margin-top:-140px; left:0; z-index:2;}
.left_bar dl dd{ text-align:center; margin-bottom:1.25rem; position:relative; cursor:pointer;}
.left_bar dl dd a{ display:inline-block; width:40px; height:40px; border:#fff 1px solid; line-height:40px; text-align:center; fill:#fff; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; position:relative;}
.left_bar dl dd a p{ width:40px; height:40px; position:relative; z-index:1}
.left_bar dl dd a p img{ display:block; height:18px; margin:13px auto;}
.left_bar dl dd a .con{position:absolute;right:-1px;top:-1px;bottom:-1px;width:0;background:#22549a;-moz-border-radius:19px;-webkit-border-radius:19px;border-radius:19px;font-size:12px;color:#fff;z-index:0;line-height:42px;-moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;overflow:hidden;}
.left_bar dl dd:hover a .con{ width:140px; padding-right:40px;}
.left_bar dl dd a .con span{ filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0; -moz-transition:all 0.36s ease-in-out;-webkit-transition:all 0.36s ease-in-out;-o-transition:all 0.36s ease-in-out;-ms-transition:all 0.36s ease-in-out;transition:all 0.36s ease-in-out;}
.left_bar dl dd:hover a .con span{ filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1; transition-delay:0.6s}
.left_bar dl dd[aos=fade-right].aos-animate{transition-delay:3.6s}
.left_bar dl dd[aos=fade-right] a{-webkit-transform:translate(-100px,0) rotate(-90deg);-ms-transform:translate(-100px,0) rotate(-90deg);transform:translate(-100px,0) rotate(-90deg); -moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.left_bar dl dd[aos=fade-right].aos-animate a{-webkit-transform:translate(0,0) rotate(0);-ms-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0);}

.header ul{ display:block; float:right; height:75px;}
.header ul li{ display:block; float:left; position:relative; margin-right:20px;}
.header ul li a{ display:block; height:75px; line-height:60px; font-size:14px; position:relative; color:#fff;}
.header ul li a b{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0;}
.header ul li a.now b{ background-color:#eb7519;}
.header ul li a.now{ color:#eb7519;}

#navbox{ width:100%; background-color:#fff; overflow:hidden; box-shadow:0 7px 22px 0 rgba(0,0,0,.2); filter:alpha(opacity=0); opacity:0; z-index:111; position:absolute; left:0; top:90px;}
#navbox .cont{ width:100%; overflow:hidden; position:relative; height:auto; height:100%;}
#navbox .mil{ width:13.66%; box-sizing:border-box; overflow:hidden; margin-left:3%; margin-top:20px; padding-bottom:10px;}
#navbox .mil strong{ width:100%; height:120px; display:block; overflow:hidden;}
#navbox .mil strong img{ display:block; max-height:100%; max-width:100%;}
#navbox .mil p{ display:block; height:26px; line-height:26px; font-size:16px; overflow:hidden; padding-top:5px;}
#navbox .mil p a{ color:#22549a;}
#navbox .mil p a:hover{ text-decoration:underline;}
#navbox .mil ul{ display:block; overflow:hidden; height:144px;}
#navbox .mil ul li{ display:block; height:24px; line-height:24px; font-size:14px;}
#navbox .mil ul li a:hover{ color:#22549a;}

#navbox.navbox{ background-color:rgba(34,84,154,0.8);}
#navbox.navbox .mil p a{ color:#fff;}
#navbox.navbox .mil ul li a{ color:#fff;}
#navbox.navbox .mil ul li a:hover{ text-decoration:underline;}
}
@media screen and (min-width:769px) and (max-width:1023px){
.header{ position:fixed; width:100%; padding:15px 0; height:60px; top:0; left:0; z-index:4;}
.header:before{ width:0; height:1px; content:""; position:absolute; bottom:0; left:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF'); background:rgba(255,255,255,0.25); -moz-transition:all 3s ease-in-out; -webkit-transition:all 3s ease-in-out; -o-transition:all 3s ease-in-out; -ms-transition:all 3s ease-in-out; transition:all 3s ease-in-out;}
.header.on:before{ width:100%; transition-delay:2.6s;}
.header .logo{ height:60px; float:left; -webkit-transition:0.36s; -o-transition:0.36s; -moz-transition:0.36s; transition:0.36s; overflow:hidden; margin-left:3%;}
.header .logo img{ display:block; height:60px;}

.header .ser{ display:block; float:right; width:32px; height:32px; margin-top:14px; margin-right:50px; position:relative;}
.header .ser span{ width:32px; height:32px; display:block;}
.header .ser span img{ width:20px; margin:6px; display:block;}
.header .ser p{ display:block; position:absolute; right:0; top:0; overflow:hidden; width:0; background-color:rgba(255,255,255,0.8); height:32px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s;}
.header .ser p a{ width:180px; display:block; float:left;}
.header .ser p a input{ display:block; height:32px; line-height:32px; width:100%; text-indent:10px; font-size:14px;}
.header .ser p strong{ width:30px; display:block; float:left;}
.header .ser p strong input{ display:block; height:32px; width:100%; background-color:#22549a; background-image:url(../images/h02.png); background-position:center; background-repeat:no-repeat;}
.header .ser:hover p{ width:210px;}
.header .hui{ height:50px; display:block; float:right; margin-top:8px; font-size:14px; color:#fff; text-align:center; margin-right:10%;}
.header .hui a{ color:#fff; display:block;}
.header .hui img{ display:block; margin:auto; margin-bottom:7px;}

.header ul{ display:none;}
#navbox{ display:none;}
}
@media only screen and (max-width:768px){
.header{ position:fixed; width:94%; padding:10px 3%; height:40px; top:0; left:0; z-index:4;}
.header:before{ width:0; height:1px; content:""; position:absolute; bottom:0; left:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF'); background:rgba(255,255,255,0.25); -moz-transition:all 3s ease-in-out; -webkit-transition:all 3s ease-in-out; -o-transition:all 3s ease-in-out; -ms-transition:all 3s ease-in-out; transition:all 3s ease-in-out;}
.header.on:before{ width:100%; transition-delay:2.6s;}
.header .logo{ height:40px; float:left; -webkit-transition:0.36s; -o-transition:0.36s; -moz-transition:0.36s; transition:0.36s; overflow:hidden;}
.header .logo img{ display:block; height:40px;}
.header .ser{ display:none;}
.header .hui{ display:none;}
#navbox{ display:none;}
}
@media only screen and (max-width:768px){
.header{ position:fixed; width:94%; padding:10px 3%; height:40px; top:0; left:0; z-index:4;}
.header:before{ width:0; height:1px; content:""; position:absolute; bottom:0; left:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF'); background:rgba(255,255,255,0.25); -moz-transition:all 3s ease-in-out; -webkit-transition:all 3s ease-in-out; -o-transition:all 3s ease-in-out; -ms-transition:all 3s ease-in-out; transition:all 3s ease-in-out;}
.header.on:before{ width:100%; transition-delay:2.6s;}
.header .logo{ height:40px; float:left; -webkit-transition:0.36s; -o-transition:0.36s; -moz-transition:0.36s; transition:0.36s; overflow:hidden;}
.header .logo img{ display:block; height:40px;}
.header .ser{ display:none;}
.header .hui{ width:60px; height:50px; display:block; float:right; font-size:12px; margin-top:2px; color:#fff; text-align:center; margin-right:50px;}
.header .hui a{ color:#fff; display:block;}
.header .hui img{ display:block; margin:auto; margin-bottom:5px;}
.header ul{ display:none;}
}

/*right*/
@media screen and (min-width:1281px){
.left_bar{ position:fixed; width:6.77%; height:100%; top:0; right:0; z-index:3;}
.left_bar:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C707C82', endColorstr='#4C707C82');background:rgba(112,124,130,0.3); -moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.left_bar.bg:before{ left:0; width:100%;}
.left_bar:after{ width:1px; height:0; content:""; position:absolute; top:0; left:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');background:rgba(255,255,255,0.25); -moz-transition:all 3s ease-in-out;-webkit-transition:all 3s ease-in-out;-o-transition:all 3s ease-in-out;-ms-transition:all 3s ease-in-out;transition:all 3s ease-in-out;}
.left_bar.on:after{ height:100%; transition-delay:2.6s;}

.left_bar .nav001{ position:fixed; z-index:10; right:6.77%; top:0; width:180px; height:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99FFFFFF', endColorstr='#99FFFFFF'); background:rgba(255,255,255,0.8); -webkit-transform-origin:right; -moz-transform-origin:right; -ms-transform-origin:right; -o-transform-origin:right; transform-origin:right; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s; -webkit-transform:perspective(180px) rotateY(90deg); -moz-transform:perspective(180px) rotateY(90deg); -ms-transform:perspective(180px) rotateY(90deg); -o-transform:perspective(180px) rotateY(90deg); transform:perspective(180px) rotateY(90deg); filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0;}
.left_bar .nav001.on{ -moz-transform:perspective(180px) rotateY(0deg); -ms-transform:perspective(180px) rotateY(0deg); -o-transform:perspective(180px) rotateY(0deg); transform:perspective(180px) rotateY(0deg); filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1;}
.left_bar .nav001 .logos,.left_bar .nav001 .foot{ display:none;}
.left_bar .nav001 ul{ display:block; margin:200px 20px; overflow:hidden;}
.left_bar .nav001 ul li{ font-size:14px; line-height:46px; height:46px; overflow:hidden; display:block;}
.left_bar .nav001 ul li a{ display:inline-block; overflow:hidden; position:relative; height:46px; color:#707c82; font-size:16px;}
.left_bar .nav001 ul li a:before{ content:""; position:absolute; right:0; bottom:0; width:0; height:2px; background:#707c82; -moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.left_bar .nav001 ul li.on a:before,.left_bar .nav001 ul li:hover a:before{ width:100%; left:0;}
.left_bar .nav001 ul li.on a,.left_bar .nav001 ul li:hover a{ color:#707c82;}
}
@media screen and (min-width:769px) and (max-width:1280px){
.left_bar{ position:fixed; width:8%; height:100%; top:0; right:0; z-index:6;}
.left_bar:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%; background:#fff; -moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.left_bar.bg:before{ left:0; width:100%;}
.left_bar:after{ width:1px; height:0; content:""; position:absolute; top:0; left:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');background:rgba(255,255,255,0.25); -moz-transition:all 3s ease-in-out;-webkit-transition:all 3s ease-in-out;-o-transition:all 3s ease-in-out;-ms-transition:all 3s ease-in-out;transition:all 3s ease-in-out;}
.left_bar.on:after{ height:100%; transition-delay:2.6s;}

.left_bar .nav001{ position:fixed; z-index:10; right:0; top:0; width:8%; height:100%; background:#fff; -webkit-transform-origin:right; -moz-transform-origin:right; -ms-transform-origin:right; -o-transform-origin:right; transform-origin:right; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s; -webkit-transform:perspective(100vx) rotateY(90deg); -moz-transform:perspective(100vx) rotateY(90deg); -ms-transform:perspective(100vx) rotateY(90deg); -o-transform:perspective(100vx) rotateY(90deg); transform:perspective(100vx) rotateY(90deg); filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0;}
.left_bar .nav001.on{ -moz-transform:perspective(100vx) rotateY(0deg); -ms-transform:perspective(100vx) rotateY(0deg); -o-transform:perspective(100vx) rotateY(0deg); transform:perspective(100vx) rotateY(0deg); filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1; width:100%;}
.left_bar .nav001 .logos{ height:90px;}
.left_bar .nav001 .logos img{ height:60px; display:block; margin:15px auto;}
.left_bar .nav001 .foot{ display:block; font-size:14px; line-height:24px; margin:0 20px; padding-top:30px; border-top:1px solid #e2e0df; color:#707c82;}
.left_bar .nav001 .foot a{ color:#707c82;}
.left_bar .nav001 ul{ display:block; margin:30px 20px; overflow:hidden;}
.left_bar .nav001 ul li{ font-size:14px; line-height:40px; height:40px; overflow:hidden; display:block;}
.left_bar .nav001 ul li a{ display:inline-block; overflow:hidden; position:relative; height:40px; color:#707c82; font-size:14px;}
.left_bar .nav001 ul li a:before{ content:""; position:absolute; right:0; bottom:0; width:0; height:2px; background:#707c82; -moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.left_bar .nav001 ul li.on a:before,.left_bar .nav001 ul li:hover a:before{ width:100%; left:0;}
.left_bar .nav001 ul li.on a,.left_bar .nav001 ul li:hover a{ color:#707c82;}
}
@media only screen and (max-width:768px){
.left_bar{ position:fixed; width:60px; height:60px; top:0; right:0; z-index:6;}
.left_bar.bg{ height:100%;}
.left_bar .nav001{ position:fixed; z-index:10; right:0; top:0; width:60px; height:0%; overflow:hidden; background:#fff; -webkit-transform-origin:right; -moz-transform-origin:right; -ms-transform-origin:right; -o-transform-origin:right; transform-origin:right; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s; -webkit-transform:perspective(100vx) rotateY(90deg); -moz-transform:perspective(100vx) rotateY(90deg); -ms-transform:perspective(100vx) rotateY(90deg); -o-transform:perspective(100vx) rotateY(90deg); transform:perspective(100vx) rotateY(90deg); filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0;}
.left_bar .nav001.on{ -moz-transform:perspective(100vx) rotateY(0deg); -ms-transform:perspective(100vx) rotateY(0deg); -o-transform:perspective(100vx) rotateY(0deg); transform:perspective(100vx) rotateY(0deg); filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1; width:100%; height:100%;}

.left_bar .nav001 .logos{ height:60px;}
.left_bar .nav001 .logos img{ height:40px; display:block; margin:10px auto;}
.left_bar .nav001 .foot{ display:block; font-size:14px; line-height:24px; margin:0 3%; padding-top:20px; border-top:1px solid #e2e0df; color:#707c82;}
.left_bar .nav001 .foot a{ color:#707c82;}
.left_bar .nav001 ul{ display:block; margin:20px 3%; overflow:hidden;}
.left_bar .nav001 ul li{ font-size:14px; line-height:36px; height:36px; overflow:hidden; display:block;}
.left_bar .nav001 ul li a{ display:inline-block; overflow:hidden; position:relative; height:40px; color:#707c82; font-size:14px;}
.left_bar .nav001 ul li a:before{ content:""; position:absolute; right:0; bottom:0; width:0; height:2px; background:#707c82; -moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.left_bar .nav001 ul li.on a:before,.left_bar .nav001 ul li:hover a:before{ width:100%; left:0;}
.left_bar .nav001 ul li.on a,.left_bar .nav001 ul li:hover a{ color:#707c82;}
}

/*按钮*/
@media screen and (min-width:1281px){
.left_bar .menu-btn{ position:relative; width:100px; float:right; height:100px; cursor:pointer; z-index:2;}
.left_bar .menu-btn:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%; background:#fff; -moz-transition:all 0.6s ease-in-out; -webkit-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;}
.left_bar .menu-btn:hover:before{ left:0; width:100%; transition-delay:0;}
.left_bar .menu-btn .icon{ position:absolute; left:50%; top:50%; width:30px; transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%);}
.left_bar .menu-btn .icon span{ width:30px; height:2px; background:#fff; display:block; -webkit-transition:0.36s; -o-transition:0.36s; -moz-transition:0.36s; transition:0.36s;}
.left_bar .menu-btn .icon span.span02{ margin:6px 0;}
.left_bar .menu-btn:hover span{ background:#333;}
.left_bar .menu-btn.on .icon span.span01{ transform:rotate(45deg) translateX(0); -webkit-transform:rotate(45deg) translateX(0); transition-delay:0.3s; transform-origin:3px;}
.left_bar .menu-btn.on .icon span.span03{ transform:rotate(-45deg) translateX(0); -webkit-transform:rotate(-45deg) translateX(0); transition-delay:0.3s; transform-origin:3px;}
.left_bar .menu-btn.on .icon span.span02{ width:0;}

.left_bar dl{ width:100%; height:280px; position:absolute; top:50%; margin-top:-140px; left:0; z-index:2;}
.left_bar dl dd{ text-align:center; margin-bottom:1.25rem; position:relative; cursor:pointer;}
.left_bar dl dd a{ display:inline-block; width:40px; height:40px; border:#fff 1px solid; line-height:40px; text-align:center; fill:#fff; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; position:relative;}
.left_bar dl dd a p{ width:40px; height:40px; position:relative; z-index:1}
.left_bar dl dd a p img{ display:block; height:18px; margin:13px auto;}
.left_bar dl dd a .con{position:absolute;right:-1px;top:-1px;bottom:-1px;width:0;background:#22549a;-moz-border-radius:19px;-webkit-border-radius:19px;border-radius:19px;font-size:12px;color:#fff;z-index:0;line-height:42px;-moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;overflow:hidden;}
.left_bar dl dd:hover a .con{ width:140px; padding-right:40px;}
.left_bar dl dd a .con span{ filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0; -moz-transition:all 0.36s ease-in-out;-webkit-transition:all 0.36s ease-in-out;-o-transition:all 0.36s ease-in-out;-ms-transition:all 0.36s ease-in-out;transition:all 0.36s ease-in-out;}
.left_bar dl dd:hover a .con span{ filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1; transition-delay:0.6s}
.left_bar dl dd[aos=fade-right].aos-animate{transition-delay:3.6s}
.left_bar dl dd[aos=fade-right] a{-webkit-transform:translate(-100px,0) rotate(-90deg);-ms-transform:translate(-100px,0) rotate(-90deg);transform:translate(-100px,0) rotate(-90deg); -moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.left_bar dl dd[aos=fade-right].aos-animate a{-webkit-transform:translate(0,0) rotate(0);-ms-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0);}
}
@media screen and (min-width:769px) and (max-width:1280px){
.left_bar .menu-btn{ position:relative; width:90px; float:right; height:90px; cursor:pointer; z-index:15;}
.left_bar .menu-btn:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%; background:#fff; -moz-transition:all 0.6s ease-in-out; -webkit-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;}
.left_bar .menu-btn:hover:before{ left:0; width:100%; transition-delay:0;}
.left_bar .menu-btn .icon{ position:absolute; left:50%; top:50%; width:30px; transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%);}
.left_bar .menu-btn .icon span{ width:30px; height:2px; background:#fff; display:block; -webkit-transition:0.36s; -o-transition:0.36s; -moz-transition:0.36s; transition:0.36s;}
.left_bar .menu-btn .icon span.span02{ margin:6px 0;}
.left_bar .menu-btn:hover span,.left_bar .menu-btn.on span{ background:#333;}
.left_bar .menu-btn.bg .icon span.span01{ transform:rotate(45deg) translateX(0); -webkit-transform:rotate(45deg) translateX(0); transition-delay:0.3s; transform-origin:3px;}
.left_bar .menu-btn.bg .icon span.span03{ transform:rotate(-45deg) translateX(0); -webkit-transform:rotate(-45deg) translateX(0); transition-delay:0.3s; transform-origin:3px;}
.left_bar .menu-btn.bg .icon span.span02{ width:0;}
.left_bar dl{ display:none;}
}
@media only screen and (max-width:768px){
.left_bar .menu-btn{ position:relative; float:right; width:60px; height:60px; cursor:pointer; z-index:15;}
.left_bar .menu-btn:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%; background:#fff; -moz-transition:all 0.6s ease-in-out; -webkit-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;}
.left_bar .menu-btn:hover:before{ left:0; width:100%; transition-delay:0;}
.left_bar .menu-btn .icon{ position:absolute; left:50%; top:50%; width:24px; transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%);}
.left_bar .menu-btn .icon span{ width:28px; height:2px; background:#fff; display:block; -webkit-transition:0.36s; -o-transition:0.36s; -moz-transition:0.36s; transition:0.36s;}
.left_bar .menu-btn .icon span.span02{ margin:6px 0;}
.left_bar .menu-btn:hover span,.left_bar .menu-btn.on span{ background:#333;}
.left_bar .menu-btn.on .icon span.span01{ transform:rotate(45deg) translateX(0); -webkit-transform:rotate(45deg) translateX(0); transition-delay:0.3s; transform-origin:3px;}
.left_bar .menu-btn.on .icon span.span03{ transform:rotate(-45deg) translateX(0); -webkit-transform:rotate(-45deg) translateX(0); transition-delay:0.3s; transform-origin:3px;}
.left_bar .menu-btn.on .icon span.span02{ width:0;}
.left_bar dl{ display:none;}
}

/*底部*/
@media screen and (min-width:1281px){
.footer{ width:100%; position:fixed; right:0; bottom:0; z-index:5; text-align:center;}
.footer p{ text-align:center;}
.footer p span{ color:#fff; font-size:14px; line-height:30px; color:#fff; margin:0 1%;}
.footer p a{ color:#fff;}

.bottom_bar{ position:fixed; width:100%; height:220px; bottom:0; left:0; z-index:4}
.bottom_bar:before{ width:0; height:1px; content:""; position:absolute; top:0; right:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');background:rgba(255,255,255,0.25); -moz-transition:all 3s ease-in-out;-webkit-transition:all 3s ease-in-out;-o-transition:all 3s ease-in-out;-ms-transition:all 3s ease-in-out;transition:all 3s ease-in-out;}
.bottom_bar.on:before{ width:100%; transition-delay:2s;}
.bottom_bar .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.bottom_bar .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.bottom_bar .swiper-slide { -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative;}
.bottom_bar .swiper-pagination{ position:absolute; text-align:center; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10;}
.b01{ width:52%; float:left; margin:20px 2.5%; height:160px; position:relative;}
.b01 .title{ height:44px; line-height:44px; font-size:22px; color:#fff;}
.b01 .swiper-container{ width:100%; height:160px; position:relative; overflow:hidden;}
.b01 .swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.b01 .swiper-slide a{ width:100%; height:100%; position:relative; display:block; overflow:hidden;}
.b01 .swiper-slide a .right{ width:80px; height:80px; background-color:transparent; border-radius:140px; margin:10px auto;}
.b01 .swiper-slide a .right img{ display:block; height:100%;}
.b01 .swiper-slide a .left{ text-align:center; width:94%; margin:auto;}
.b01 .swiper-slide a .left span{ display:block; overflow:hidden; color:#fff; height:52px; line-height:26px; font-size:16px;}
.b01 .swiper-slide a .left p{ display:none; overflow:hidden; color:#fff; font-size:14px; height:16px;}

.b01 .swiper-button-prev{ width:10px; height:14px; cursor:pointer; z-index:99; position:absolute; left:0; top:43px; background-image:url(../images/left01.png);}
.b01 .swiper-button-next{ width:10px; height:14px; cursor:pointer; z-index:99; position:absolute; right:0; top:43px; background-image:url(../images/right01.png);}
.b01 .swiper-button-prev:hover{ background-image:url(../images/left01h.png);}
.b01 .swiper-button-next:hover{ background-image:url(../images/right01h.png);}
.b01 .swiper-pagination{ display:none; width:80px; text-align:center; position:absolute; left:10px; bottom:0; height:34px; line-height:34px; color:#fff; font-size:16px;}
.b01 .swiper-pagination .swiper-pagination-current{ font-size:24px;}

.b02{ width:23.4375%; float:left; padding:20px 2.5%; border-left:1px solid rgba(255,255,255,.25); display:none;}
.b03{ width:30.72%; float:left; padding:20px 2.5%; border-left:1px solid rgba(255,255,255,.25);}
.bb{ height:156px;}
.bb .title{ height:44px; line-height:44px; font-size:22px; color:#fff;}
.bb .swiper-container{ height:112px; position:relative; width:100%; overflow:hidden;}
.bb .swiper-container a{ width:100%; height:112px; overflow:hidden;}
.bb .swiper-container span{ display:block; overflow:hidden; font-size:18px; line-height:30px; height:30px; color:#fff;}
.bb .swiper-container p{ display:block; overflow:hidden; font-size:14px; line-height:26px; height:52px; color:#fff;}
.bb .swiper-container b{ display:block; overflow:hidden; font-size:14px; line-height:26px; height:26px; color:#fff; font-weight:normal; text-transform:uppercase;}
.bb .swiper-pagination{ display:block; width:120px; text-align:right; position:absolute; right:0; bottom:10px; height:4px;}
.bb .swiper-pagination span{ width:30px; height:4px; display:block; float:left; margin-left:10px; background-color:rgba(255,255,255,0.5);}
.bb .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fff;}
}
@media screen and (min-width:769px) and (max-width:1280px){
.footer{ width:100%; position:fixed; right:0; bottom:0; z-index:5; text-align:center;}
.footer p{ text-align:center;}
.footer p span{ color:#fff; font-size:14px; line-height:24px; color:#fff; margin:0 1%;}
.footer p a{ color:#fff;}

.bottom_bar{ position:fixed; width:100%; height:215px; bottom:0; left:0; z-index:4}
.bottom_bar:before{ width:0; height:1px; content:""; position:absolute; top:0; right:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');background:rgba(255,255,255,0.25); -moz-transition:all 3s ease-in-out;-webkit-transition:all 3s ease-in-out;-o-transition:all 3s ease-in-out;-ms-transition:all 3s ease-in-out;transition:all 3s ease-in-out;}
.bottom_bar.on:before{ width:100%; transition-delay:2s;}
.bottom_bar .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.bottom_bar .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.bottom_bar .swiper-slide { -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative;}
.bottom_bar .swiper-pagination{ position:absolute; text-align:center; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10;}
.b01{ width:42%; float:left; margin:20px 2.5%; height:160px; position:relative;}
.b01 .swiper-slide a{ width:100%; height:100%; position:relative; display:block; overflow:hidden;}
.b01 .swiper-slide a .right{ width:80px; height:80px; background-color:transparent; border-radius:140px; margin:10px auto;}
.b01 .swiper-slide a .right img{ display:block; height:100%;}
.b01 .swiper-slide a .left{ text-align:center; width:94%; margin:auto;}
.b01 .swiper-slide a .left span{ display:block; overflow:hidden; color:#fff; height:32px; line-height:32px; font-size:16px;}
.b01 .swiper-slide a .left p{ display:none; overflow:hidden; color:#fff; font-size:14px; height:16px;}
.b01 .swiper-button-prev{ width:10px; height:14px; cursor:pointer; z-index:99; position:absolute; left:0; top:43px; background-image:url(../images/left01.png);}
.b01 .swiper-button-next{ width:10px; height:14px; cursor:pointer; z-index:99; position:absolute; right:0; top:43px; background-image:url(../images/right01.png);}
.b01 .swiper-button-prev:hover{ background-image:url(../images/left01h.png);}
.b01 .swiper-button-next:hover{ background-image:url(../images/right01h.png);}
.b01 .swiper-pagination{ display:none; width:80px; text-align:center; position:absolute; left:10px; bottom:0; height:34px; line-height:34px; color:#fff; font-size:16px;}
.b01 .swiper-pagination .swiper-pagination-current{ font-size:24px;}
.b01 .title{ height:44px; line-height:44px; font-size:22px; color:#fff;}
.b01 .swiper-container{ width:100%; height:160px; position:relative; overflow:hidden;}
.b01 .swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.b02{ width:40%; float:left; padding:20px 2.5%; border-left:1px solid rgba(255,255,255,.25); display:none;}
.b03{ width:40%; float:left; padding:20px 2.5%; border-left:1px solid rgba(255,255,255,.25);}
.bb{ height:156px;}
.bb .title{ height:44px; line-height:44px; font-size:22px; color:#fff;}
.bb .swiper-container{ height:112px; position:relative; width:100%; overflow:hidden;}
.bb .swiper-container a{ width:100%; height:112px; overflow:hidden;}
.bb .swiper-container span{ display:block; overflow:hidden; font-size:18px; line-height:30px; height:30px; color:#fff;}
.bb .swiper-container p{ display:block; overflow:hidden; font-size:14px; line-height:26px; height:52px; color:#fff;}
.bb .swiper-container b{ display:block; overflow:hidden; font-size:14px; line-height:26px; height:26px; color:#fff; font-weight:normal; text-transform:uppercase;}
.bb .swiper-pagination{ display:block; width:120px; text-align:right; position:absolute; right:0; bottom:10px; height:4px;}
.bb .swiper-pagination span{ width:30px; height:4px; display:block; float:left; margin-left:10px; background-color:rgba(255,255,255,0.5);}
.bb .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fff;}
}
@media only screen and (max-width:768px){
.footer{ width:100%; position:fixed; right:0; bottom:10px; z-index:5; text-align:center;}
.footer p{ text-align:center;}
.footer p span{ color:#fff; font-size:10px; line-height:20px; color:#fff; margin:0 0.25%;}
.footer p a{ color:#fff;}

.bottom_bar{ position:fixed; width:100%; bottom:60px; left:0; z-index:4}
.bottom_bar:before{ width:0; height:1px; content:""; position:absolute; top:0; right:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');background:rgba(255,255,255,0.25); -moz-transition:all 3s ease-in-out;-webkit-transition:all 3s ease-in-out;-o-transition:all 3s ease-in-out;-ms-transition:all 3s ease-in-out;transition:all 3s ease-in-out;}
.bottom_bar.on:before{ width:100%; transition-delay:2s;}
.bottom_bar .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.bottom_bar .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.bottom_bar .swiper-slide { -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative;}
.bottom_bar .swiper-pagination{ position:absolute; text-align:center; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10;}

.left_bar:before{ display:none;}
.b01{ width:94%; padding:10px 3%; border-top:1px solid rgba(255,255,255,0.25); position:relative;}
.b01 .title{ position:absolute; left:0; top:0; height:24px; line-height:24px; font-size:18px; color:#fff; display:none;}
.b01 .swiper-slide a{ width:100%; height:84px; position:relative; display:block; overflow:hidden;}
.b01 .swiper-slide a .right{ width:60px; height:60px; background-color:transparent; border-radius:140px; margin:auto;}
.b01 .swiper-slide a .right img{ display:block; height:100%;}
.b01 .swiper-slide a .left{ text-align:center; width:100%; margin-top:5px;}
.b01 .swiper-slide a .left span{ display:block; overflow:hidden; color:#fff; height:24px; line-height:24px; font-size:16px;}
.b01 .swiper-slide a .left p{ display:none; overflow:hidden; color:#fff; font-size:14px; height:16px;}.b01 .swiper-button-prev{ width:10px; height:14px; cursor:pointer; z-index:99; position:absolute; left:0; top:50%; margin-top:-7px; background-image:url(../images/left01.png);}
.b01 .swiper-button-next{ width:10px; height:14px; cursor:pointer; z-index:99; position:absolute; right:0; top:50%; margin-top:-7px; background-image:url(../images/right01.png);}
.b01 .swiper-button-prev:hover{ background-image:url(../images/left01h.png);}
.b01 .swiper-button-next:hover{ background-image:url(../images/right01h.png);}
.b01 .swiper-pagination{ display:none; width:80px; text-align:center; position:absolute; left:10px; bottom:0; height:20px; line-height:20px; color:#fff; font-size:12px;}
.b01 .swiper-pagination .swiper-pagination-current{ font-size:14px;}
.b01 .swiper-container{ width:100%; position:relative; overflow:hidden;}
.b01 .swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.b02{ width:94%; padding:10px 3%; border-top:1px solid rgba(255,255,255,0.25); display:none;}
.b03{ width:94%; padding:10px 3%; border-top:1px solid rgba(255,255,255,0.25); position:relative;}
.bb .title{ height:24px; line-height:24px; font-size:18px; color:#fff; display:none;}
.bb .swiper-container{ position:relative; width:100%; overflow:hidden;}
.bb .swiper-container a{ width:100%; height:100%; overflow:hidden;}
.bb .swiper-container span{ display:block; overflow:hidden; font-size:16px; line-height:24px; height:24px; color:#fff;}
.bb .swiper-container p{ display:block; overflow:hidden; font-size:14px; line-height:24px; height:24px; color:#fff;}
.bb .swiper-container b{ display:block; overflow:hidden; font-size:14px; line-height:24px; height:24px; color:#fff; font-weight:normal; text-transform:uppercase;}
.bb .swiper-pagination{ display:block; width:75px; text-align:right; position:absolute; right:0; bottom:0; height:2px;}
.bb .swiper-pagination span{ width:20px; height:2px; display:block; float:left; margin-left:5px; background-color:rgba(255,255,255,0.5);}
.bb .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fff;}
}

/*内页*/
@media screen and (min-width:1281px){
.header01{ width:100%; height:160px; position:fixed; top:0; left:0; z-index:99; background-color:#fff;}
.header01 .head{ width:1200px; margin:auto; height:140px; position:relative;}
.header01 .head .logo{ width:100%; height:80px; padding-top:20px; padding-bottom:10px;}
.header01 .head .logo img{ display:block; height:80px; margin:auto;}
.header01 .head span{ display:block; position:absolute; right:0; height:20px; top:50px;}
.header01 .head ul{ width:1200px; margin:auto; display:block; height:50px;}
.header01 .head ul li{ display:block; float:left; position:relative; width:150px; height:50px; text-align:center;}
.header01 .head ul li a{ display:block; height:50px; line-height:50px; font-size:16px; position:relative;}
.header01 .head ul li a b{ width:0; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s; height:2px; display:block; position:absolute; left:43px; bottom:0; background-color:#eb7519;}
.header01 .head ul li:hover b{ width:64px;}
.header01 .head ul li:hover a{ color:#eb7519;}
.header01 .head ul dl{ width:200px; padding:5px 0; background-color:rgba(255,255,255,0.7); overflow:hidden; position:absolute; left:50%; margin-left:-100px; text-align:center; top:50px; z-index:99;}
.header01 .head ul dl dt{ display:block; padding:0 10px; height:30px; overflow:hidden;}
.header01 .head ul dl dt a{ display:block; height:30px; line-height:30px; font-size:14px; color:#333 !important;}
.header01 .head ul dl dt a:hover{ color:#eb7519 !important;}
.header01 .head ul li:hover dl{ display:block;}
.menu-Box{ display:none;}
}

@media screen and (min-width:1024px) and (max-width:1280px){
.header01{ width:100%; height:90px; position:fixed; top:0; left:0; z-index:99; background-color:#fff;}
.header01 .head{ width:94%; margin:auto; height:90px; position:relative;}
.header01 .head .logo{ float:left; height:60px; padding:15px 0;}
.header01 .head .logo img{ display:block; height:60px; margin:auto;}
.header01 .head span{ display:block; float:right; height:20px; margin:35px 0;}
.header01 .head ul{ float:right; display:block; height:90px;}
.header01 .head ul li{ display:block; float:left; margin-right:20px; position:relative; height:90px; text-align:center;}
.header01 .head ul li a{ display:block; height:90px; line-height:90px; font-size:14px; position:relative;}
.header01 .head ul li a b{ width:0; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#eb7519;}
.header01 .head ul li:hover b{ width:100%;}
.header01 .head ul li:hover a{ color:#eb7519;}
.header01 .head ul dl{ width:200px; padding:5px 0; background-color:rgba(255,255,255,0.7); overflow:hidden; position:absolute; left:50%; margin-left:-100px; text-align:center; top:90px; z-index:99;}
.header01 .head ul dl dt{ display:block; padding:0 10px; height:30px; overflow:hidden;}
.header01 .head ul dl dt a{ display:block; height:30px; line-height:30px; font-size:14px; color:#333 !important;}
.header01 .head ul dl dt a:hover{ color:#eb7519 !important;}
.header01 .head ul li:hover dl{ display:block;}
.menu-Box{ display:none;}
}

@media screen and (min-width:769px) and (max-width:1023px){
.header01{ width:100%; height:90px; position:fixed; top:0; left:0; z-index:99; background-color:#fff;}
.header01 .head{ width:100%; height:90px; position:relative;}
.header01 .logo{ height:60px; padding:15px 3%;}
.header01 .logo img{ display:block; height:60px;}
.header01 .head ul,.header01 .head span{ display:none;}
.menu-handler{ cursor:pointer; z-index:1020; position:absolute; width:46px; height:46px; right:3%; top:22px; z-index:99;}
.menu-handler:before{ content:""; width:46px; height:46px; position:absolute; left:0; top:0; right:0; bottom:0; visibility:hidden; transition:0.38s;}
.menu-handler:hover:before{ opacity:1; visibility:visible;}
.menu-handler a{ position:relative; display:inline-block; width:30px; height:2px; background-color:#333; vertical-align:middle; -webkit-transition-duration:.3s,.3s; -moz-transition-duration:.3s,.3s; -ms-transition-duration:.3s,.3s; -o-transition-duration:.3s,.3s; transition-duration:.3s,.3s; -webkit-transition-delay:.3s,0s; -moz-transition-delay:.3s,0s; -ms-transition-delay:.3s,0s; -o-transition-delay:.3s,0s; transition-delay:.3s,0s; margin:21px 0px 0px 8px;}
.menu-handler a:after,.menu-handler a:before{ content:""; position:absolute;display:inline-block; width:100%; height:2px; left:0px; background-color:#333; -webkit-transition-duration:.3s,.3s; -moz-transition-duration:.3s,.3s; -ms-transition-duration:.3s,.3s; -o-transition-duration:.3s,.3s; transition-duration:.3s,.3s; -webkit-transition-delay:.3s,0s; -moz-transition-delay:.3s,0s; -ms-transition-delay:.3s,0s; -o-transition-delay:.3s,0s; transition-delay:.3s,0s;}
.menu-handler a:before{ top:-10px; -webkit-transition-property:top,transform; -moz-transition-property:top,transform; -ms-transition-property:top,transform; -o-transition-property:top,transform; transition-property:top,transform;}
.menu-handler a:after{ bottom:-10px; -webkit-transition-property:bottom,transform; -moz-transition-property:bottom,transform; -ms-transition-property:bottom,transform; -o-transition-property:bottom,transform; transition-property:bottom,transform;}
.menu-handler.active{ background-color:#ffffff;}
.menu-handler.active a { background-color:transparent; background-color:#fff; -webkit-transition-delay:0s,0s;-moz-transition-delay:0s,0s;-ms-transition-delay:0s,0s;-o-transition-delay:0s,0s;transition-delay:0s,0s}
.menu-handler.active a:after,.menu-handler.active a:before{ -webkit-transition-delay:0s,.3s; -moz-transition-delay:0s,.3s; -ms-transition-delay:0s,.3s; -o-transition-delay:0s,.3s; transition-delay:0s,.3s; background-color:#707c82;}
.menu-handler.active a:before{ top:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg)}
.menu-handler.active a:after{ bottom:0; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}

.menu-Box{ box-shadow:0 0 3px rgba(0, 0, 0, 0.3); position:fixed;right:-100%; top:0px; background-color:#707c82; height:100%; width:100%; z-index:98; opacity:0; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; transition:right 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition:right 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.menu-Box.menu-Box-btn{ right:0; opacity:1;}
.menu-Box a:link, .menu-Box a:visited { color:#ffffff;}
.menu-Box a:active,.menu-Box a:hover { color:#ffffff;}
.menuMoblie{ padding-top:100px;}
.menuMoblie li{ border-bottom:1px solid #7d8990;}
.menuMoblie li:last-child{ border-bottom:0px none;}
.menuMoblie&gt;li&gt;a{ display:block; font-size:14px; line-height:1.4; padding:15px 10px 15px 35px; position:relative; z-index:1;}
.menuMoblie&gt;li&gt;a:before{ content:""; position:absolute; width:3px; height:3px;d isplay:block; border-radius:50%; background-color:#fff; left:20px; top:24px;}
.menuMoblie&gt;li&gt;a:hover{ background-color:#7d8990;}
.pusher-black{ position:fixed; width:100%; height:100%; left:0px; top:0px; background-color:rgba(0,0,0,0.2); display:none; z-index:900;}
.menuOpen .pusher-black{ display:block;}
}
@media only screen and (max-width:768px){
.header01{ width:100%; height:60px; position:fixed; top:0; left:0; z-index:99; background-color:#fff;}
.header01 .head{ width:100%; height:60px; position:relative;}
.header01 .logo{ height:40px; padding:10px 3%;}
.header01 .logo img{ display:block; height:40px;}
.header01 .head ul,.header01 .head span{ display:none;}
.menu-handler{ cursor:pointer; z-index:1020; position:absolute; width:40px; height:40px; right:3%; top:10px; z-index:99;}
.menu-handler:before{ content:""; width:40px; height:40px; position:absolute; left:0; top:0; right:0; bottom:0; visibility:hidden; transition:0.38s;}
.menu-handler:hover:before{ opacity:1; visibility:visible;}
.menu-handler a{ position:relative; display:inline-block; width:30px; height:2px; background-color:#333; vertical-align:middle; -webkit-transition-duration:.3s,.3s; -moz-transition-duration:.3s,.3s; -ms-transition-duration:.3s,.3s; -o-transition-duration:.3s,.3s; transition-duration:.3s,.3s; -webkit-transition-delay:.3s,0s; -moz-transition-delay:.3s,0s; -ms-transition-delay:.3s,0s; -o-transition-delay:.3s,0s; transition-delay:.3s,0s; margin:19px 0px 0px 5px;}
.menu-handler a:after,.menu-handler a:before{ content:""; position:absolute;display:inline-block; width:100%; height:2px; left:0px; background-color:#333; -webkit-transition-duration:.3s,.3s; -moz-transition-duration:.3s,.3s; -ms-transition-duration:.3s,.3s; -o-transition-duration:.3s,.3s; transition-duration:.3s,.3s; -webkit-transition-delay:.3s,0s; -moz-transition-delay:.3s,0s; -ms-transition-delay:.3s,0s; -o-transition-delay:.3s,0s; transition-delay:.3s,0s;}
.menu-handler a:before{ top:-10px; -webkit-transition-property:top,transform; -moz-transition-property:top,transform; -ms-transition-property:top,transform; -o-transition-property:top,transform; transition-property:top,transform;}
.menu-handler a:after{ bottom:-10px; -webkit-transition-property:bottom,transform; -moz-transition-property:bottom,transform; -ms-transition-property:bottom,transform; -o-transition-property:bottom,transform; transition-property:bottom,transform;}
.menu-handler.active{ background-color:#ffffff;}
.menu-handler.active a { background-color:transparent; background-color:#fff; -webkit-transition-delay:0s,0s;-moz-transition-delay:0s,0s;-ms-transition-delay:0s,0s;-o-transition-delay:0s,0s;transition-delay:0s,0s}
.menu-handler.active a:after,.menu-handler.active a:before{ -webkit-transition-delay:0s,.3s; -moz-transition-delay:0s,.3s; -ms-transition-delay:0s,.3s; -o-transition-delay:0s,.3s; transition-delay:0s,.3s; background-color:#707c82;}
.menu-handler.active a:before{ top:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg)}
.menu-handler.active a:after{ bottom:0; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}

.menu-Box{ box-shadow:0 0 3px rgba(0, 0, 0, 0.3); position:fixed;right:-100%; top:0px; background-color:#707c82; height:100%; width:100%; z-index:98; opacity:0; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; transition:right 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition:right 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.menu-Box.menu-Box-btn{ right:0; opacity:1;}
.menu-Box a:link, .menu-Box a:visited { color:#ffffff;}
.menu-Box a:active,.menu-Box a:hover { color:#ffffff;}
.menuMoblie{ padding-top:70px;}
.menuMoblie li{ border-bottom:1px solid #7d8990;}
.menuMoblie li:last-child{ border-bottom:0px none;}
.menuMoblie&gt;li&gt;a{ display:block; font-size:14px; line-height:1.4; padding:15px 10px 15px 35px; position:relative; z-index:1;}
.menuMoblie&gt;li&gt;a:before{ content:""; position:absolute; width:3px; height:3px;d isplay:block; border-radius:50%; background-color:#fff; left:20px; top:24px;}
.menuMoblie&gt;li&gt;a:hover{ background-color:#7d8990;}
.pusher-black{ position:fixed; width:100%; height:100%; left:0px; top:0px; background-color:rgba(0,0,0,0.2); display:none; z-index:900;}
.menuOpen .pusher-black{ display:block;}
}

/*banner*/
@media screen and (min-width:1281px){
#n_header .header{ position:relative; background-color:#22549A;}
#n_header .header.on:before{ transition-delay:.6s;}
#n_header .left_bar{ display:none;} 
#n_header .nav001{ display:none;}
.ban{ width:100%; height:460px; position:relative; background-position:center; background-repeat:no-repeat; display:none;}
.ban span{ display:block; position:absolute; left:50%; width:800px; margin-left:-600px; top:210px; color:#fff; font-size:34px;}
.ban p{ display:block; position:absolute; left:50%; width:800px; margin-left:-600px; top:260px; color:#fff; font-size:24px;}
}
@media screen and (min-width:769px) and (max-width:1280px){
#n_header .header{ position:relative; background-color:#22549A;}
#n_header .header.on:before{ transition-delay:.6s;}
#n_header .left_bar{ height:90px; overflow:hidden; position:absolute;} 
#n_header .left_bar.bg{ height:100%; width:100%;}
#n_header .nav001{ height:90px; overflow:hidden;}
#n_header .nav001.on{ height:100%;}
.ban{ width:100%; height:350px; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; display:none;}
.ban span{ display:block; position:absolute; left:3%; width:94%; top:158px; color:#fff; font-size:30px;}
.ban p{ display:block; position:absolute; left:3%; width:94%; top:218px; color:#fff; font-size:20px;}
}
@media screen and (max-width: 1280px) and (min-width: 1024px){
#n_header .left_bar{ height:90px;} 
#n_header .nav001{ height:0;}
}
@media only screen and (max-width:768px){
#n_header .header{ position:relative; background-color:#22549A;}
#n_header .header.on:before{ transition-delay:.6s;}
#n_header .left_bar{ height:60px; height:60px; overflow:hidden; position:absolute;} 
#n_header .left_bar.bg{ height:100%; width:100%;}
#n_header .nav001{ height:0; overflow:hidden;}
#n_header .nav001.on{ height:100%;}
.ban{ width:100%; height:260px; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; display:none;}
.ban span{ display:block; position:absolute; left:3%; width:94%; top:150px; color:#fff; font-size:24px;}
.ban p{ display:block; position:absolute; left:3%; width:94%; top:190px; color:#fff; font-size:16px; line-height:30px;}
}

/*分类*/
@media screen and (min-width:1281px){
.container{ width:100%; position:relative;}	
.container .box{ width:1200px; position:relative; margin:30px auto; height:75px;}
.container .box .cn{ font-size:30px; vertical-align:top;}
.container .box .cn a{ color:#999; font-size:20px; vertical-align:middle;}
.container .box .en{ font-size:30px; color:#666; height:50px; line-height:50px; text-transform:uppercase; font-family:Sylfaen;}
.container .box dl{ max-width:960px; display:block; position:absolute; right:0; top:0; font-size:14px;}
.container .box dl dt{ display:block; float:left; margin-top:5px; height:36px; line-height:36px; margin-left:10px; font-size:16px;}
.container .box dl dt a{ display:block; padding:0 15px; height:36px; background-color:#eee;}
.container .box dl dt.on a,.container .box dl dt:hover a{ color:#fff; background-color:#025291;}
.container .box p{ display:block; position:absolute; right:0; bottom:0; font-size:14px;}
.container .box p span{ color:#025291;}
#m_n_nav{ display:none;}
}
@media screen and (min-width:769px) and (max-width:1280px){
.container{ width:100%; position:relative;}	
.container .box{ width:94%; position:relative; margin:20px auto; height:75px;}
.container .box .cn{ font-size:30px; vertical-align:top;}
.container .box .cn a{ color:#999; font-size:20px; vertical-align:middle;}
.container .box .en{ font-size:30px; color:#666; height:50px; line-height:50px; text-transform:uppercase; font-family:Sylfaen;}
.container .box dl{ max-width:960px; display:block; position:absolute; right:0; top:0; font-size:14px;}
.container .box dl dt{ display:block; float:left; margin-top:10px; height:30px; line-height:30px; margin-left:10px;}
.container .box dl dt a{ display:block; padding:0 15px; height:30px; background-color:#eee; font-size:14px;}
.container .box dl dt.on a,.container .box dl dt:hover a{ color:#fff; background-color:#025291;}
.container .box p{ display:block; position:absolute; right:0; bottom:0; font-size:14px;}
.container .box p span{ color:#025291;}
#m_n_nav{ display:none;}
}
@media only screen and (max-width:768px){
.container{ display:none;}	
#m_n_nav{ background:#707c82; line-height:50px; height:50px; position:relative; z-index:4; width:100%;}
#bnt_back{ position:absolute; left:3%; top:0; width:50px; height:50px; background-image:url(../images/zc.png); background-position:left center; background-repeat:no-repeat; background-size:auto 20px;}
#m_n_nav h1{ font-size:16px; color:#fff; text-align:center; line-height:50px;}
#bnt_sub_nav{ position:absolute; right:3%; top:0; cursor:pointer; width:50px; height:50px; background-image:url(../images/yc.png); background-position:right center; background-repeat:no-repeat; background-size:20px 20px; display:block;}
#sub_nav_content{ background:#f0f3f5; display:none; box-shadow:0 0 5px #999; z-index:9;}
#sub_nav_content dt{height:40px;line-height:40px;position:relative;background:#fff;  border-top:1px solid #e7e7e7; z-index:999; }
#sub_nav_content dt a{ margin:0 20px; display:block;color:#5b5349; height:40px; font-size:14px; font-weight:400;  }
#sub_nav_content dt.on a{ color:#025291}
}

/*内容*/
@media screen and (min-width:1281px){
.conts{ background-color:#eee; width:100%;}
.foots{ width:100%; background-color:#fff;}
.foots .box{ width:1200px; margin:auto; padding-top:38px; padding-bottom:24px; border-bottom:1px solid #eee;}
.foots .box .f01{ width:25%; display:block; float:left;}
.foots .box .f01 dt{ display:block; font-size:16px; height:38px; line-height:38px;}
.foots .box .f01 dd{ display:block; font-size:14px; height:30px; line-height:30px;}
.foots .box .f01 dd a{ color:#666;}
.foots .box .f01 dd a:hover{ color:#025291;}
.foots .box .f02{ width:250px; display:none; float:right;}
.foots .box .f02 span{ display:block; font-size:16px; height:38px; line-height:38px;}
.foots .box .f02 p{ display:block; padding:10px 0; height:40px; width:280px;}
.foots .box .f02 p a{ width:40px; display:block; float:left; margin-right:30px;}
.foots .box .f02 p a img{ display:block; height:40px;}
.foots .box .f02 strong{ display:block; font-weight:normal; height:44px; line-height:44px; font-size:14px; color:#999; overflow:hidden;}
.foots .box .f02 b{ display:block; font-weight:normal; height:44px; overflow:hidden;}
.foots .box .f02 b a{ width:100%; display:block; overflow:hidden; text-align:center; line-height:40px; font-size:14px; color:#fff; background-color:#f4b01c;}
.foots .box .f02 b a:hover{ background-color:#025291;}
.foots .boot{ width:1200px; margin:10px auto; height:30px;}
.foots .boot p{ display:block; float:left; height:30px; line-height:30px; font-size:14px; color:#666;}
.foots .boot p a{ color:#666;}
.foots .boot span{ display:block; float:right; height:28px; width:168px; border:1px solid #cacaca;}
.foots .boot span select{ width:100%; display:block; height:28px; line-height:28px; font-size:14px; text-indent:10px; background-image:url(../images/sel.jpg); background-position:147px center; background-repeat:no-repeat;}
}
@media screen and (min-width:769px) and (max-width:1280px){
.conts{ background-color:#eee; width:100%;}
.foots{ width:100%; background-color:#fff;}
.foots .box{ width:94%; margin:auto; padding:30px 0; border-bottom:1px solid #eee; display:none;}
.foots .box .f01{ display:none;}
.foots .box .f02{ width:250px; display:block; margin:auto; text-align:center;}
.foots .box .f02 span{ display:block; font-size:16px; height:38px; line-height:38px;}
.foots .box .f02 p{ display:block; padding:10px 0; height:40px; width:280px;}
.foots .box .f02 p a{ width:40px; display:block; float:left; margin-right:30px;}
.foots .box .f02 p a img{ display:block; height:40px;}
.foots .box .f02 strong{ display:block; font-weight:normal; height:44px; line-height:44px; font-size:14px; color:#999; overflow:hidden;}
.foots .box .f02 b{ display:block; font-weight:normal; height:44px; overflow:hidden;}
.foots .box .f02 b a{ width:100%; display:block; overflow:hidden; text-align:center; line-height:40px; font-size:14px; color:#fff; background-color:#f4b01c;}
.foots .box .f02 b a:hover{ background-color:#025291;}
.foots .boot{ width:94%; margin:13px auto;}
.foots .boot p{ width:100%; display:block; float:left; line-height:24px; font-size:14px; color:#666; text-align:center;}
.foots .boot p a{ color:#666;}
.foots .boot span{ display:none;}
}
@media only screen and (max-width:768px){
.conts{ background-color:#eee; width:100%;}
.foots{ width:100%; background-color:#fff;}
.foots .box{ width:94%; margin:auto; padding:20px 0; border-bottom:1px solid #eee; display:none;}
.foots .box .f01{ display:none;}
.foots .box .f02{ width:100%; display:none; margin:auto; text-align:center;}
.foots .box .f02 span{ display:block; font-size:16px; height:38px; line-height:38px;}
.foots .box .f02 p{ display:block; padding:10px 0; height:40px; width:100%;}
.foots .box .f02 p a{ width:40px; display:inline-block; margin:0 10px;}
.foots .box .f02 p a img{ display:block; height:40px;}
.foots .box .f02 strong{ display:block; font-weight:normal; height:44px; line-height:44px; font-size:14px; color:#999; overflow:hidden;}
.foots .box .f02 b{ display:block; font-weight:normal; height:44px; overflow:hidden;}
.foots .box .f02 b a{ width:100%; display:block; overflow:hidden; text-align:center; line-height:40px; font-size:14px; color:#fff; background-color:#f4b01c;}
.foots .box .f02 b a:hover{ background-color:#025291;}
.foots .boot{ width:94%; margin:10px auto;}
.foots .boot p{ width:100%; display:block; float:left; line-height:20px; font-size:10px; color:#666; text-align:center;}
.foots .boot p a{ color:#666;}
.foots .boot span{ display:none;}
}

/*关于我们*/
@media screen and (min-width:1281px){
.fl01{ width:100%; padding:50px 0;}
.fl01 .box{ width:1200px; margin:auto;}
.fl01 .box .img{ width:46%; display:table; float:left; overflow:hidden;}
.fl01 .box .img p{ width:100%; height:100%; display:table-cell; vertical-align:middle;}
.fl01 .box .img p img{ display:block; width:100%;}
.fl01 .box .right{ width:46%; display:table; float:right; height:100%; vertical-align:middle;}
.fl01 .box .right .ar_article{ display:table-cell; width:100%; height:100%; vertical-align:middle; font-size:14px; line-height:24px;}

.fl02{ width:100%; padding:50px 0; background-color:#fff;}
.fl02 .box{ width:1200px; margin:auto;}
.fl02 .left{ height:240px; float:left; overflow:hidden; width:62%;}
.fl02 .right{ height:240px; float:right; overflow:hidden; width:35%;}
.fl02 .box img{ display:block; height:240px;}
.fl02 .ar_article{ width:1200px; margin:auto; margin-top:30px; font-size:14px; line-height:24px;}
.mm{ margin-bottom:50px;}

/*.n_bottom{ width:100%; padding-bottom:50px; text-align:center;}
.n_bottom ul{ width:100%; text-align:center; display:block; overflow:hidden;}
.n_bottom ul li{ display:inline-block; margin:0 20px; cursor:pointer;}
.n_bottom ul li .img{ display:inline-block; width:56px; height:55px; position:relative; white-space:nowrap; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; overflow:hidden;}
.n_bottom ul li .img img{ display:inline-block; -moz-transition:all 0.6s ease-in-out; -webkit-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out; margin:0 0.5px;}
.n_bottom ul li h5{ font-size:12px; color:#8d8d8d; margin-top:10px; font-weight:normal;}
.n_bottom ul li:hover .img .img01{ margin-left:-56px;}*/

.rfd{ width:60px; position:fixed; bottom:10%; right:0; z-index:2;}
.rfd dl dd{ text-align:center; position:relative; cursor:pointer; display:block; margin-bottom:10px;}
.rfd dl dd a{ display:block; width:55px; height:55px; line-height:55px; text-align:center; fill:#fff; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; position:relative;}
.rfd dl dd a p{ width:55px; height:55px; position:relative; z-index:1}
.rfd dl dd a p img{ display:block; height:55px; margin:auto;}
.rfd dl dd a .con{ position:absolute;right:0;top:0;width:55px;background:#22549a;-moz-border-radius:60px;-webkit-border-radius:60px;border-radius:60px;font-size:14px;color:#fff;z-index:0;line-height:55px;-moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;overflow:hidden; word-break:break-all; height:55px; overflow:hidden; display:block;}
.rfd dl dd:hover a .con{ width:120px; padding-right:55px;}
.rfd dl dd a .con span{ filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0; -moz-transition:all 0.36s ease-in-out;-webkit-transition:all 0.36s ease-in-out;-o-transition:all 0.36s ease-in-out;-ms-transition:all 0.36s ease-in-out;transition:all 0.36s ease-in-out;}
.rfd dl dd:hover a .con span{ filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1; transition-delay:0.6s}
}
@media screen and (min-width:769px) and (max-width:1280px){
.fl01{ width:100%; padding:40px 0;}
.fl01 .box{ width:94%; margin:auto;}
.fl01 .box .img{ width:48%; display:table; float:left; overflow:hidden;}
.fl01 .box .img p{ width:100%; height:100%; display:table-cell; vertical-align:middle;}
.fl01 .box .img p img{ display:block; width:100%;}
.fl01 .box .right{ width:48%; display:table; float:right; height:100%; vertical-align:middle;}
.fl01 .box .right .ar_article{ display:table-cell; width:100%; height:100%; vertical-align:middle; font-size:14px; line-height:24px;}

.fl02{ width:100%; padding:40px 0; background-color:#fff;}
.fl02 .box{ width:94%; margin:auto;}
.fl02 .left{ height:200px; float:left; overflow:hidden; width:62%;}
.fl02 .right{ height:200px; float:right; overflow:hidden; width:35%;}
.fl02 .box img{ display:block; height:200px;}
.fl02 .ar_article{ width:94%; margin:auto; margin-top:20px; font-size:14px; line-height:24px;}
.mm{ margin-bottom:40px;}

/*.n_bottom{ width:100%; padding-bottom:40px; text-align:center;}
.n_bottom ul{ width:100%; text-align:center; display:block; overflow:hidden;}
.n_bottom ul li{ display:inline-block; margin:0 20px; cursor:pointer;}
.n_bottom ul li .img{ display:inline-block; width:56px; height:55px; position:relative; white-space:nowrap; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; overflow:hidden;}
.n_bottom ul li .img img{ display:inline-block; -moz-transition:all 0.6s ease-in-out; -webkit-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out; margin:0 0.5px;}
.n_bottom ul li h5{ font-size:12px; color:#8d8d8d; margin-top:10px; font-weight:normal;}
.n_bottom ul li:hover .img .img01{ margin-left:-55px;}*/

.rfd{ width:50px; position:fixed; bottom:5%; right:0; z-index:2;}
.rfd dl dd{ text-align:center; position:relative; cursor:pointer; display:block; margin-bottom:10px;}
.rfd dl dd a{ display:block; width:48px; height:48px; line-height:48px; text-align:center; fill:#fff; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; position:relative;}
.rfd dl dd a p{ width:48px; height:48px; position:relative; z-index:1}
.rfd dl dd a p img{ display:block; height:48px; margin:auto;}
.rfd dl dd a .con{ position:absolute;right:0;top:0;width:48px;background:#22549a;-moz-border-radius:60px;-webkit-border-radius:60px;border-radius:60px;font-size:14px;color:#fff;z-index:0;line-height:48px;-moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;overflow:hidden; word-break:break-all; height:48px; overflow:hidden; display:block;}
.rfd dl dd:hover a .con{ width:100px; padding-right:48px;}
.rfd dl dd a .con span{ filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0; -moz-transition:all 0.36s ease-in-out;-webkit-transition:all 0.36s ease-in-out;-o-transition:all 0.36s ease-in-out;-ms-transition:all 0.36s ease-in-out;transition:all 0.36s ease-in-out;}
.rfd dl dd:hover a .con span{ filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1; transition-delay:0.6s}
}
@media only screen and (max-width:768px){
.fl01{ width:100%; padding:20px 0;}
.fl01 .box{ width:94%; margin:auto;}
.fl01 .box .img{ width:100%; display:table; float:left; overflow:hidden;}
.fl01 .box .img p{ width:100%; height:100%; display:table-cell; vertical-align:middle;}
.fl01 .box .img p img{ display:block; width:100%;}
.fl01 .box .right{ width:100%; display:table; float:right; height:100%; vertical-align:middle; margin-top:10px;}
.fl01 .box .right .ar_article{ display:table-cell; width:100%; height:100%; vertical-align:middle; font-size:14px; line-height:24px;}

.fl02{ width:100%; padding:20px 0; background-color:#fff;}
.fl02 .box{ width:94%; margin:auto;}
.fl02 .left{ float:left; overflow:hidden; width:100%;}
.fl02 .right{ float:right; overflow:hidden; width:100%; margin-top:10px;}
.fl02 .box img{ display:block; width:100%;}
.fl02 .ar_article{ width:94%; margin:auto; margin-top:10px; font-size:14px; line-height:24px;}
.mm{ margin-bottom:20px;}

/*.n_bottom{ width:100%; padding-bottom:20px; text-align:center;}
.n_bottom ul{ width:100%; text-align:center; display:block; overflow:hidden;}
.n_bottom ul li{ display:inline-block; margin:0 20px; cursor:pointer;}
.n_bottom ul li .img{ display:inline-block; width:56px; height:55px; position:relative; white-space:nowrap; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; overflow:hidden;}
.n_bottom ul li .img img{ display:inline-block; -moz-transition:all 0.6s ease-in-out; -webkit-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out; margin:0 0.5px;}
.n_bottom ul li h5{ font-size:12px; color:#8d8d8d; margin-top:10px; font-weight:normal;}
.n_bottom ul li:hover .img .img01{ margin-left:-55px;}*/
.bds_more{ display:none !important;}
.rfd{ width:44px; position:fixed; bottom:5%; right:0; z-index:2;}
.rfd dl dd{ text-align:center; position:relative; cursor:pointer; display:block; margin-bottom:10px;}
.rfd dl dd a{ display:block; width:40px; height:40px; line-height:40px; text-align:center; fill:#fff; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; position:relative;}
.rfd dl dd a p{ width:40px; height:40px; position:relative; z-index:1}
.rfd dl dd a p img{ display:block; height:40px; margin:auto;}
.rfd dl dd a .con{ position:absolute;right:0;top:0;width:40px;background:#22549a;-moz-border-radius:60px;-webkit-border-radius:60px;border-radius:60px;font-size:12px;color:#fff;z-index:0;line-height:40px;-moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;overflow:hidden; word-break:break-all; height:40px; overflow:hidden; display:block;}
.rfd dl dd:hover a .con{ width:80px; padding-right:40px;}
.rfd dl dd a .con span{ filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0; -moz-transition:all 0.36s ease-in-out;-webkit-transition:all 0.36s ease-in-out;-o-transition:all 0.36s ease-in-out;-ms-transition:all 0.36s ease-in-out;transition:all 0.36s ease-in-out;}
.rfd dl dd:hover a .con span{ filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1; transition-delay:0.6s}
}

/*企业文化*/
@media screen and (min-width:1281px){
.n_about ul{ width:1230px; display:block; overflow:hidden;}
.n_about ul li{ width:380px; height:240px; display:block; float:left; margin-top:30px; margin-right:30px; overflow:hidden; position:relative;}
.n_about ul li img{ width:100%; display:block;
	transition-delay:0s;
    transition-duration:1s;
    transition-property:all;
    transition-timing-function:ease;
	/* Firefox 4 */
	-moz-transition-delay:0s;
    -moz-transition-duration:1s;
    -moz-transition-property:all;
    -moz-transition-timing-function:ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration:1s;
    -webkit-transition-property:all;
    -webkit-transition-timing-function:ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration:1s;
    -o-transition-property:all;
    -o-transition-timing-function:ease;
}
.n_about ul li:hover img {
	transform:scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}
.n_about ul li p{ width:100%; height:240px; position:absolute; left:0; top:0; display:table; overflow:hidden; text-align:center; vertical-align:middle; background-color:rgba(0,0,0,0.7);}
.n_about ul li p span{ width:100%; height:240px; display:table-cell; text-align:center; vertical-align:middle;}
.n_about ul li p span a{ font-size:18px; font-weight:bold; display:block; color:#fff; margin-bottom:10px;}
.n_about ul li p span b{ display:block; width:20px; height:2px; background-color:#025291; overflow:hidden; margin:auto;}
.n_about ul li:hover p{ display:none;}
}
@media screen and (min-width:769px) and (max-width:1280px){
.n_about ul{ width:100%; display:block; overflow:hidden;}
.n_about ul li{ width:45.5%; margin-left:3%; height:240px; display:block; float:left; margin-top:20px; overflow:hidden; position:relative;}
.n_about ul li img{ width:100%; display:block;
	transition-delay:0s;
    transition-duration:1s;
    transition-property:all;
    transition-timing-function:ease;
	/* Firefox 4 */
	-moz-transition-delay:0s;
    -moz-transition-duration:1s;
    -moz-transition-property:all;
    -moz-transition-timing-function:ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration:1s;
    -webkit-transition-property:all;
    -webkit-transition-timing-function:ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration:1s;
    -o-transition-property:all;
    -o-transition-timing-function:ease;
}
.n_about ul li:hover img {
	transform:scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}
.n_about ul li p{ width:100%; height:240px; position:absolute; left:0; top:0; display:table; overflow:hidden; text-align:center; vertical-align:middle; background-color:rgba(0,0,0,0.7);}
.n_about ul li p span{ width:100%; height:240px; display:table-cell; text-align:center; vertical-align:middle;}
.n_about ul li p span a{ font-size:18px; display:block; color:#fff; margin-bottom:10px;}
.n_about ul li p span b{ display:block; width:20px; height:2px; background-color:#025291; overflow:hidden; margin:auto;}
.n_about ul li:hover p{ display:none;}
}
@media only screen and (max-width:768px){
.n_about ul{ width:100%; display:block; overflow:hidden;}
.n_about ul li{ width:45.5%; margin-left:3%; height:120px; display:block; float:left; margin-top:15px; overflow:hidden; position:relative;}
.n_about ul li img{ width:100%; display:block; min-height:120px;}
.n_about ul li p{ width:100%; height:120px; position:absolute; left:0; top:0; display:table; overflow:hidden; text-align:center; vertical-align:middle; background-color:rgba(0,0,0,0.7);}
.n_about ul li p span{ width:100%; height:120px; display:table-cell; text-align:center; vertical-align:middle;}
.n_about ul li p span a{ font-size:18px; display:block; color:#fff; margin-bottom:10px;}
.n_about ul li p span b{ display:block; width:20px; height:2px; background-color:#025291; overflow:hidden; margin:auto;}
.n_about ul li:hover p{ display:none;}
}

@media screen and (min-width:1281px){
.fl03{ width:100%; padding-top:50px; background-color:#fff;}
.fl03 .box{ width:1200px; margin:auto; text-align:center;}
.fl03 .box h4{ font-size:18px; color:#6d6d6d; margin-bottom:10px; text-transform:uppercase;}
.fl03 .box h3{ font-size:24px; color:#494949; font-weight:normal;}

.cp07{ width:100%; padding:50px 0; background-color:#fff;}
.cp07 .box{ width:1200px; margin:auto;}
.cp07 .box .left{ float:right; width:570px; margin-top:20px; text-align:left;}
.cp07 .box .left .title{ width:100%; margin-bottom:20px;}
.cp07 .box .left .title span{ display:block; font-size:18px; height:34px; line-height:34px; overflow:hidden;}
.cp07 .box .left .title b{ display:block; width:50px; height:2px; background-color:#025291; margin-top:11px; overflow:hidden;}
.cp07 .box .left .wen{ width:100%; font-size:14px; line-height:24px;}
.cp07 .box .right{ float:left; width:540px;}
.cp07 .box .right img{ width:100%; display:block;}

.cp08{ width:100%; padding:50px 0; background-color:#eee;}
.cp08 .box{ width:1200px; margin:auto;}
.cp08 .box .left{ float:left; width:570px; margin-top:20px; text-align:left;}
.cp08 .box .left .title{ width:100%; margin-bottom:20px;}
.cp08 .box .left .title span{ display:block; font-size:18px; height:34px; line-height:34px; overflow:hidden;}
.cp08 .box .left .title b{ display:block; width:50px; height:2px; background-color:#025291; margin-top:11px; overflow:hidden;}
.cp08 .box .left .wen{ width:100%; font-size:14px; line-height:24px;}
.cp08 .box .right{ float:right; width:540px;}
.cp08 .box .right img{ width:100%; display:block;}
}
@media screen and (min-width:769px) and (max-width:1280px){
.fl03{ width:100%; padding-top:40px; background-color:#fff;}
.fl03 .box{ width:100%; margin:auto; text-align:center;}
.fl03 .box h4{ font-size:16px; color:#6d6d6d; margin-bottom:10px; text-transform:uppercase;}
.fl03 .box h3{ font-size:20px; color:#494949; font-weight:normal;}

.cp07{ width:100%; padding:40px 0; background-color:#fff;}
.cp07 .box{ width:94%; margin:auto;}
.cp07 .box .left{ float:right; width:51%; text-align:left;}
.cp07 .box .left .title{ width:100%; margin-bottom:15px;}
.cp07 .box .left .title span{ display:block; font-size:18px; height:30px; line-height:30px; overflow:hidden;}
.cp07 .box .left .title b{ display:block; width:50px; height:2px; background-color:#025291; margin-top:5px; overflow:hidden;}
.cp07 .box .left .wen{ width:100%; font-size:14px; line-height:24px;}
.cp07 .box .right{ float:left; width:46%;}
.cp07 .box .right img{ width:100%; display:block;}

.cp08{ width:100%; padding:40px 0; background-color:#eee;}
.cp08 .box{ width:94%; margin:auto;}
.cp08 .box .left{ float:right; width:51%; text-align:left;}
.cp08 .box .left .title{ width:100%; margin-bottom:15px;}
.cp08 .box .left .title span{ display:block; font-size:18px; height:30px; line-height:30px; overflow:hidden;}
.cp08 .box .left .title b{ display:block; width:50px; height:2px; background-color:#025291; margin-top:5px; overflow:hidden;}
.cp08 .box .left .wen{ width:100%; font-size:14px; line-height:24px;}
.cp08 .box .right{ float:left; width:46%;}
.cp08 .box .right img{ width:100%; display:block;}
}
@media only screen and (max-width:768px){
.fl03{ width:100%; padding-top:20px; background-color:#fff;}
.fl03 .box{ width:100%; margin:auto; text-align:center;}
.fl03 .box h4{ font-size:14px; color:#6d6d6d; margin-bottom:10px; text-transform:uppercase;}
.fl03 .box h3{ font-size:18px; color:#494949; font-weight:normal;}

.cp07{ width:94%; padding:20px 3%; background-color:#fff;}
.cp07 .box{ width:100%; margin:auto;}
.cp07 .box .left{ width:100%; text-align:left;}
.cp07 .box .left .title{ width:100%; margin:10px auto;}
.cp07 .box .left .title span{ display:block; font-size:18px; overflow:hidden;}
.cp07 .box .left .title b{ display:block; width:50px; height:2px; background-color:#025291; overflow:hidden; margin-top:5px;}
.cp07 .box .left .wen{ width:100%; font-size:14px; line-height:24px;}
.cp07 .box .right{ width:100%;}
.cp07 .box .right img{ width:100%; display:block;}

.cp08{ width:94%; padding:20px 3%; background-color:#eee;}
.cp08 .box{ width:100%; margin:auto;}
.cp08 .box .left{ width:100%; text-align:left;}
.cp08 .box .left .title{ width:100%; margin:10px auto;}
.cp08 .box .left .title span{ display:block; font-size:18px; overflow:hidden; padding:10px 0;}
.cp08 .box .left .title b{ display:block; width:50px; height:2px; background-color:#025291; overflow:hidden;}
.cp08 .box .left .wen{ width:100%; font-size:14px; line-height:24px;}
.cp08 .box .right{ width:100%;}
.cp08 .box .right img{ width:100%; display:block;}
}

/*社会责任*/
@media screen and (min-width:1281px){
.n_about{ width:100%; margin:50px auto;}
.n_about .box{ width:1200px; margin:auto; text-align:center;}
.n_about .box h4{ font-size:18px; color:#6d6d6d; margin-bottom:10px; text-transform:uppercase;}
.n_about .box h3{ font-size:24px; color:#494949; font-weight:normal;}
.n_about .box .ar_article{ width:100%; font-size:14px; line-height:24px; margin:20px auto;}
.n_about .box img{ max-width:100%; height:auto;}
}
@media screen and (min-width:769px) and (max-width:1280px){
.n_about{ width:100%; margin:40px auto;}
.n_about .box{ width:100%; margin:auto; text-align:center;}
.n_about .box h4{ font-size:16px; color:#6d6d6d; margin-bottom:10px; text-transform:uppercase;}
.n_about .box h3{ font-size:20px; color:#494949; font-weight:normal;}
.n_about .box .ar_article{ width:100%; font-size:14px; line-height:24px; margin:20px auto;}
.n_about .box img{ max-width:100%; height:auto;}
}
@media only screen and (max-width:768px){
.n_about{ width:100%; margin:20px auto;}
.n_about .box{ width:100%; margin:auto; text-align:center;}
.n_about .box h4{ font-size:14px; color:#6d6d6d; margin-bottom:10px; text-transform:uppercase;}
.n_about .box h3{ font-size:18px; color:#494949; font-weight:normal;}
.n_about .box .ar_article{ width:100%; font-size:14px; line-height:24px; margin:20px auto;}
.n_about .box img{ max-width:100%; height:auto;}
}

/*解决方案*/
@media screen and (min-width:1281px){
.main{ width:1200px; margin:auto; padding:50px 0;}
.main .pro{ width:1230px; display:block; overflow:hidden; margin-top:-25px;}
.main .pro li{ width:380px; float:left; margin-right:30px; margin-top:25px; overflow:hidden; display:block;}
.main .pro li .tu{ width:100%; background-color:#fff;}
.main .pro li .tu img{ height:230px; margin:auto; display:block;
	transition-delay:0s;
    transition-duration:1s;
    transition-property:all;
    transition-timing-function:ease;
	/* Firefox 4 */
	-moz-transition-delay:0s;
    -moz-transition-duration:1s;
    -moz-transition-property:all;
    -moz-transition-timing-function:ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration:1s;
    -webkit-transition-property:all;
    -webkit-transition-timing-function:ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration:1s;
    -o-transition-property:all;
    -o-transition-timing-function:ease;
}
.main .pro li:hover img {
	transform:scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}

.main .pro li .wen{ padding:15px 40px; height:50px; background-color:#fff; position:relative;}
.main .pro li .wen b{ width:0; height:4px; background-color:#025291; display:block; position:absolute; left:0; top:47px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s;}
.main .pro li .wen span{ display:block; height:28px; line-height:28px; font-size:18px; overflow:hidden;}
.main .pro li .wen p{ display:block; height:20px; line-height:20px; font-size:14px; color:#666; overflow:hidden;}
.main .pro li:hover .wen b{ width:24px;}
.main .pro li:hover .wen span{ color:#025291;}

.fanye{ text-align:center; font-size:12px; line-height:24px; height:24px; margin-top:30px;}
.fanye a{ margin:0 3px; display:inline-block; background-color:#fff; min-width:14px; padding:0 5px;}
.fanye a:hover{ color:#025291;}
.fanye span{ margin:0 3px; color:#fff; display:inline-block; background-color:#025291; min-width:14px; padding:0 5px;}
}

@media screen and (min-width:769px) and (max-width:1280px){
.main{ width:100%; padding:40px 0;}
.main .pro{ width:100%; display:block; overflow:hidden; margin-top:-10px;}
.main .pro li{ width:29.33%; float:left; margin-left:3%; margin-top:20px; overflow:hidden; display:block;}
.main .pro li .tu{ width:100%; background-color:#fff;}
.main .pro li .tu img{  height:180px; margin:auto; display:block;
	transition-delay:0s;
    transition-duration:1s;
    transition-property:all;
    transition-timing-function:ease;
	/* Firefox 4 */
	-moz-transition-delay:0s;
    -moz-transition-duration:1s;
    -moz-transition-property:all;
    -moz-transition-timing-function:ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration:1s;
    -webkit-transition-property:all;
    -webkit-transition-timing-function:ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration:1s;
    -o-transition-property:all;
    -o-transition-timing-function:ease;
}
.main .pro li:hover img {
	transform:scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}

.main .pro li .wen{ padding:15px 30px; height:50px; background-color:#fff; position:relative;}
.main .pro li .wen b{ width:0; height:4px; background-color:#025291; display:block; position:absolute; left:0; top:27px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s;}
.main .pro li .wen span{ display:block; height:28px; line-height:28px; font-size:18px; overflow:hidden;}
.main .pro li .wen p{ display:block; height:20px; line-height:20px; font-size:14px; color:#666; overflow:hidden;}
.main .pro li:hover .wen b{ width:20px;}
.main .pro li:hover .wen span{ color:#025291;}

.fanye{ text-align:center; font-size:12px; line-height:24px; height:24px; margin-top:20px;}
.fanye a{ margin:0 3px; display:inline-block; background-color:#fff; min-width:14px; padding:0 5px;}
.fanye a:hover{ color:#025291;}
.fanye span{ margin:0 3px; color:#fff; display:inline-block; background-color:#025291; min-width:14px; padding:0 5px;}
}

@media only screen and (max-width:768px){
.main{ width:100%; padding:20px 0;}
.main .pro{ width:100%; display:block; overflow:hidden; margin-top:-10px;}
.main .pro li{ width:45.5%; float:left; margin-left:3%; margin-top:10px; overflow:hidden; display:block;}
.main .pro li .tu{ width:100%; height:120px; background-color:#fff;}
.main .pro li .tu img{ display:block; height:100%; margin:auto;}
.main .pro li .wen{ padding:10px 15px; background-color:#fff; position:relative;}
.main .pro li .wen b{ display:none;}
.main .pro li .wen span{ display:block; height:26px; line-height:26px; font-size:16px; overflow:hidden;}
.main .pro li .wen p{ display:block; height:20px; line-height:20px; font-size:14px; color:#666; overflow:hidden;}
.main .pro li:hover .wen span{ color:#025291;}
.main .pp01 li .tu{ height:auto;}
.main .pp01 li .tu img{ width:100%; height:auto;}
.fanye{ text-align:center; font-size:12px; line-height:24px; height:24px; margin-top:10px;}
.fanye a{ margin:0 3px; display:inline-block; background-color:#fff; min-width:14px; padding:0 5px;}
.fanye a:hover{ color:#025291;}
.fanye span{ margin:0 3px; color:#fff; display:inline-block; background-color:#025291; min-width:14px; padding:0 5px;}
}

/*解决方案内页*/
@media screen and (min-width:1281px){
.main .left{ width:860px; padding:20px; background-color:#fff; float:left;}
.main .left .toub{ font-size:24px; text-align:center;}
.main .left .time{ padding:20px 0; color:#999; font-size:14px; text-align:center; border-bottom:1px solid #cacaca;}
.main .left .wen{ width:100%; margin:20px auto; font-size:14px; line-height:24px;}
.main .left .wen img{ max-width:100%; height:auto;}
.main .left .back{ width:100%; font-size:14px; line-height:24px; border-top:1px solid #cacaca; padding-top:20px;}
.main .left .back p{ display:block; float:left; width:80%; overflow:hidden;}
.main .left .back p span{ display:block; height:24px; overflow:hidden;}
.main .left .back p span a:hover{ color:#025291;}
.main .left .back strong{ display:block; float:left; width:20%; text-align:right; overflow:hidden; font-weight:normal;}
.main .left .back strong a:hover{ color:#025291;}

.main .right{ width:258px; border:1px solid #cacaca; border-top:2px solid #025291; float:right; background-color:#fff;}
.main .right .bt{ padding:0 19px; font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #cacaca;}
.main .right ul{ width:100%; display:block; overflow:hidden; padding-bottom:20px;}
.main .right ul li{ padding:20px 19px; padding-bottom:0; display:block; overflow:hidden;}
.main .right ul li strong{ width:100%; display:block; overflow:hidden;}
.main .right ul li strong img{ width:100%; display:block;}
.main .right ul li span{ margin:10px auto; font-size:16px; display:block; overflow:hidden;}
.main .right ul li p{ display:block; font-size:14px; color:#999; overflow:hidden;}
}

@media screen and (min-width:769px) and (max-width:1280px){
.main .left{ width:94%; float:left; margin-left:3%; background-color:#fff; padding:3%; box-sizing:border-box;}
.main .left .toub{ font-size:18px; text-align:center;}
.main .left .time{ padding:10px 0; color:#999; font-size:14px; text-align:center; border-bottom:1px solid #cacaca;}
.main .left .wen{ width:100%; margin:15px auto; font-size:14px; line-height:24px;}
.main .left .wen img{ max-width:100%; height:auto;}
.main .left .back{ width:100%; font-size:14px; line-height:24px; border-top:1px solid #cacaca; padding-top:15px;}
.main .left .back p{ display:block; float:left; width:80%; overflow:hidden;}
.main .left .back p span{ display:block; height:24px; overflow:hidden;}
.main .left .back p span a:hover{ color:#025291;}
.main .left .back strong{ display:block; float:left; width:20%; text-align:right; overflow:hidden; font-weight:normal;}
.main .left .back strong a:hover{ color:#025291;}

.main .right{ display:none;}
}

@media only screen and (max-width:768px){
.main .left{ width:94%; margin-left:3%; box-sizing:border-box; padding:3%; background-color:#fff; float:left;}
.main .left .toub{ font-size:16px; text-align:center;}
.main .left .time{ padding:5px 0; color:#999; font-size:14px; text-align:center; border-bottom:1px solid #cacaca;}
.main .left .wen{ width:100%; margin:10px auto; font-size:14px; line-height:24px;}
.main .left .wen img{ max-width:100%; height:auto;}
.main .left .back{ width:100%; font-size:14px; line-height:24px; border-top:1px solid #cacaca; padding-top:10px;}
.main .left .back p{ display:none; float:left; width:80%; overflow:hidden;}
.main .left .back strong{ display:block; text-align:center; float:left; width:100%; overflow:hidden; font-weight:normal;}
.main .left .back strong a:hover{ color:#025291;}
.main .right{ display:none;}
}

/*解决方案内页*/
@media screen and (min-width:1281px){
.job{ width:1200px; margin:50px auto;}
.job .img{ width:320px; height:260px; float:left; display:table; text-align:center; vertical-align:middle; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.job .img .box{ width:320px; height:260px; display:table-cell; vertical-align:middle; background-color:rgba(0,0,0,0.7);}
.job .img .box span{ font-size:18px; color:#6d6d6d; margin-bottom:10px; text-transform:uppercase; color:#fff; display:block;}
.job .img .box p{  font-size:24px; color:#494949; font-weight:normal; color:#fff; display:block;}

.job .right{ width:840px; float:right;}
.job .job ul{ width:100%; display:block; margin-top:-10px; overflow:hidden}
.job ul li{ margin-top:10px; display:block; overflow:hidden;}
.job ul li .top{ position:relative; height:50px; line-height:50px; background:#fff; padding:0 20px; box-sizing:border-box;}
.job ul li .top i{ position:absolute; right:20px; top:50%; margin-top:-8px; width:17px; height:17px; background:url(../images/jian01.png) center no-repeat;}
.job ul li .top h5{ font-size:18px; color:#025291; display:inline-block; width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.job ul li div.open .top{ position:relative ;background:#025291;}
.job ul li div.open .top i{ background:url(../images/jian01_on.png) center no-repeat;}
.job ul li div.open .top h5{ color:#fff;}
.job ul li .ar_article{ padding:20px; display:none; background:#fff; position:relative;}
.job ul li .ar_article h6{ line-height:24px; padding-left:30px; font-weight:normal; font-size:14px; margin-bottom:10px;}
.job ul li .ar_article p{ color:#333; font-size:14px; line-height:24px; display:block;}
.job ul li .ar_article a{ display:block; width:100px; height:35px; line-height:35px; background:#025291; border-radius:3px; text-align:center; font-size:14px; color:#fff; position:absolute; right:20px; top:20px; cursor:pointer;}
}

@media screen and (min-width:769px) and (max-width:1280px){
.job{ width:94%; margin:40px auto;}
.job .img{ width:30%; height:220px; float:left; display:table; text-align:center; vertical-align:middle; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.job .img .box{ width:320px; height:220px; display:table-cell; vertical-align:middle; background-color:rgba(0,0,0,0.7);}
.job .img .box span{ font-size:16px; color:#6d6d6d; margin-bottom:10px; text-transform:uppercase; color:#fff; display:block;}
.job .img .box p{  font-size:20px; color:#494949; font-weight:normal; color:#fff; display:block;}

.job .right{ width:66%; float:right;}
.job .job ul{ width:100%; display:block; margin-top:-10px; overflow:hidden}
.job ul li{ margin-top:10px; display:block; overflow:hidden;}
.job ul li .top{ position:relative; height:50px; line-height:50px; background:#fff; padding:0 20px; box-sizing:border-box;}
.job ul li .top i{ position:absolute; right:20px; top:50%; margin-top:-8px; width:17px; height:17px; background:url(../images/jian01.png) center no-repeat;}
.job ul li .top h5{ font-size:18px; color:#025291; display:inline-block; width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.job ul li div.open .top{ position:relative ;background:#025291;}
.job ul li div.open .top i{ background:url(../images/jian01_on.png) center no-repeat;}
.job ul li div.open .top h5{ color:#fff;}
.job ul li .ar_article{ padding:20px; display:none; background:#fff; position:relative;}
.job ul li .ar_article h6{ line-height:24px; padding-left:30px; font-weight:normal; font-size:14px; margin-bottom:10px;}
.job ul li .ar_article p{ color:#333; font-size:14px; line-height:24px; display:block;}
.job ul li .ar_article a{ display:block; width:100px; height:35px; line-height:35px; background:#025291; border-radius:3px; text-align:center; font-size:14px; color:#fff; position:absolute; right:20px; top:20px; cursor:pointer;}
}

@media only screen and (max-width:768px){
.job{ width:94%; margin:20px auto;}
.job .img{ width:100%; height:180px; float:left; display:table; text-align:center; vertical-align:middle; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.job .img .box{ width:320px; height:180px; display:table-cell; vertical-align:middle; background-color:rgba(0,0,0,0.7);}
.job .img .box span{ font-size:14px; color:#6d6d6d; margin-bottom:10px; text-transform:uppercase; color:#fff; display:block;}
.job .img .box p{  font-size:18px; color:#494949; font-weight:normal; color:#fff; display:block;}

.job .right{ width:100%; float:left;}
.job .job ul{ width:100%; display:block; overflow:hidden}
.job ul li{ margin-top:10px; display:block; overflow:hidden;}
.job ul li .top{ position:relative; height:40px; line-height:40px; background:#fff; padding:0 3%; box-sizing:border-box;}
.job ul li .top i{ position:absolute; right:3%; top:50%; margin-top:-8px; width:17px; height:17px; background:url(../images/jian01.png) center no-repeat;}
.job ul li .top h5{ font-size:16px; color:#025291; display:inline-block; width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.job ul li div.open .top{ position:relative ;background:#025291;}
.job ul li div.open .top i{ background:url(../images/jian01_on.png) center no-repeat;}
.job ul li div.open .top h5{ color:#fff;}
.job ul li .ar_article{ padding:10px 3%; display:none; background:#fff; position:relative;}
.job ul li .ar_article h6{ line-height:24px; padding-left:30px; font-weight:normal; font-size:14px; margin-bottom:5px;}
.job ul li .ar_article p{ color:#333; font-size:14px; line-height:24px; display:block;}
.job ul li .ar_article a{ display:block; width:100px; height:35px; line-height:35px; background:#025291; border-radius:3px; text-align:center; font-size:14px; color:#fff; margin:10px 0; cursor:pointer;}
}

/*合作伙伴*/
@media screen and (min-width:1281px){
.dian{ width:1200px; margin:50px auto;}
.dian ul{ width:1230px; display:block; margin-top:-25px; overflow:hidden; padding:0;}
.dian li{ width:277.5px; display:block; float:left; overflow:hidden; margin-right:30px; margin-top:25px;}
.dian li a{ width:100%; position:relative; display:block; overflow:hidden;}
.dian li .tu{ width:100%;}
.dian li .tu img{ width:100%; display:block;
	transition-delay:0s;
    transition-duration:1s;
    transition-property:all;
    transition-timing-function:ease;
	/* Firefox 4 */
	-moz-transition-delay:0s;
    -moz-transition-duration:1s;
    -moz-transition-property:all;
    -moz-transition-timing-function:ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration:1s;
    -webkit-transition-property:all;
    -webkit-transition-timing-function:ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration:1s;
    -o-transition-property:all;
    -o-transition-timing-function:ease;
}
.dian li:hover img{
	transform:scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}
.dian li .wen{ padding:17px 30px; width:320px; position:absolute; left:0; bottom:0; height:66px; text-align:center; background-color:#fff; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s; display:none;}
.dian li .wen span{ display:block; font-size:18px; height:30px; line-height:30px; overflow:hidden;}
.dian li .wen b{ display:block; font-size:14px; height:30px; line-height:30px; overflow:hidden; font-weight:normal; color:#999;}
.dian li .wen p{ display:block; font-size:14px; height:48px; line-height:24px; overflow:hidden; display:none; color:#666;}
.dian li:hover .wen{ padding:23px 30px; height:114px;}
.dian li:hover .wen span{ color:#025291;}
.dian li:hover .wen p{ display:block; margin-top:6px;}

}

@media screen and (min-width:769px) and (max-width:1280px){
.dian{ width:100%; display:block; padding:40px 0;}
.dian ul{ width:100%; display:block; overflow:hidden; margin-top:-20px; padding:0;}
.dian li{ width:29.33%; display:block; margin-left:3%; margin-top:20px; float:left; overflow:hidden;}
.dian li a{ width:100%; background-color:#fff; position:relative; display:block; overflow:hidden;}
.dian li .tu{ width:100%;}
.dian li .tu img{ width:100%; display:block;
	transition-delay:0s;
    transition-duration:1s;
    transition-property:all;
    transition-timing-function:ease;
	/* Firefox 4 */
	-moz-transition-delay:0s;
    -moz-transition-duration:1s;
    -moz-transition-property:all;
    -moz-transition-timing-function:ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration:1s;
    -webkit-transition-property:all;
    -webkit-transition-timing-function:ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration:1s;
    -o-transition-property:all;
    -o-transition-timing-function:ease;
}
.dian li:hover img{
	transform:scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}
.dian li .wen{ padding:10px 20px; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:0; height:80px; text-align:center; background-color:#fff; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s; display:none;}
.dian li .wen span{ display:block; font-size:18px; height:30px; line-height:30px; overflow:hidden;}
.dian li .wen b{ display:block; font-size:14px; height:30px; line-height:30px; overflow:hidden; font-weight:normal; color:#999;}
.dian li .wen p{ display:block; font-size:14px; height:48px; line-height:24px; overflow:hidden; display:none; color:#666;}
.dian li:hover .wen{ height:128px;}
.dian li:hover .wen span{ color:#025291;}
.dian li:hover .wen p{ display:block;}
}

@media only screen and (max-width:768px){
.dian{ width:100%; display:block; padding:20px 0;}
.dian ul{ width:100%; display:block; overflow:hidden; margin-top:-15px; padding:0;}
.dian li{ width:45.5%; display:block; float:left; overflow:hidden; margin-left:3%; margin-top:15px;}
.dian li a{ width:100%; background-color:#fff; position:relative; display:block; overflow:hidden;}
.dian li .tu{ width:100%;}
.dian li .tu img{ width:100%; display:block;}
.dian li .wen{ padding:10px; width:100%; box-sizing:border-box; text-align:center; background-color:#fff; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s; display:none;}
.dian li .wen span{ display:block; font-size:16px; height:26px; line-height:26px; overflow:hidden;}
.dian li .wen b{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; font-weight:normal; color:#999;}
.dian li .wen p{ display:none;}
.dian li:hover .wen span{ color:#025291;}
}

/*新闻*/
@media screen and (min-width:1281px){
.nlist{ width:100%; padding-bottom:50px;}
.nlist ul{ width:100%; display:block; overflow:hidden;}
.nlist ul li{ padding:40px 0; border-bottom:1px solid #cacaca; display:block; overflow:hidden; position:relative;}
.nlist ul li:before{ content:""; position:absolute; left:50%; width:0; top:0; height:100%; background:#fff; -moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out; z-index:1;}
.nlist ul li:hover:before{ width:100%;}
.nlist ul li:after{ content:""; position:absolute; right:50%; width:0; top:0; height:100%; background:#fff; -moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out; z-index:1;}
.nlist ul li:hover:after{ width:100%;}
.nlist ul li .layui{ width:1200px; margin:auto; position:relative; z-index:3;}
.nlist ul li h5{ height:20px; line-height:20px; font-size:16px; overflow:hidden; display:block; font-weight:normal;}
.nlist ul li h5 a:hover{ color:#025291;}
.nlist ul li h4{ height:16px; line-height:16px; font-size:14px; overflow:hidden; display:block; margin-top:10px; font-weight:normal; color:#666;}
.nlist ul li p{ height:16px; line-height:16px; font-size:14px; overflow:hidden; display:block; margin-top:10px; margin-bottom:40px; font-weight:normal; color:#666;}
.nlist ul li h6{ height:16px; line-height:16px; font-size:14px; overflow:hidden; display:block; font-weight:normal;}
.nlist ul li h6 a{ color:#666;}
}

@media screen and (min-width:769px) and (max-width:1280px){
.nlist{ width:100%; padding-bottom:40px;}
.nlist ul{ width:100%; display:block; overflow:hidden;}
.nlist ul li{ padding:30px 0; border-bottom:1px solid #cacaca; display:block; overflow:hidden; position:relative;}
.nlist ul li:before{ content:""; position:absolute; left:50%; width:0; top:0; height:100%; background:#fff; -moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out; z-index:1;}
.nlist ul li:hover:before{ width:100%;}
.nlist ul li:after{ content:""; position:absolute; right:50%; width:0; top:0; height:100%; background:#fff; -moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out; z-index:1;}
.nlist ul li:hover:after{ width:100%;}
.nlist ul li .layui{ width:94%; margin:auto; z-index:3; position:relative;}
.nlist ul li h5{ height:20px; line-height:20px; font-size:16px; overflow:hidden; display:block; font-weight:normal;}
.nlist ul li h5 a:hover{ color:#025291;}
.nlist ul li h4{ height:16px; line-height:16px; font-size:14px; overflow:hidden; display:block; margin-top:8px; font-weight:normal; color:#666;}
.nlist ul li p{ height:16px; line-height:16px; font-size:14px; overflow:hidden; display:block; margin-top:8px; margin-bottom:20px; font-weight:normal; color:#666;}
.nlist ul li h6{ height:16px; line-height:16px; font-size:14px; overflow:hidden; display:block; font-weight:normal;}
.nlist ul li h6 a{ color:#666;}
}

@media only screen and (max-width:768px){
.nlist{ width:100%; padding-bottom:20px;}
.nlist ul{ width:100%; display:block; overflow:hidden;}
.nlist ul li{ padding:15px 0; border-bottom:1px solid #cacaca; display:block; overflow:hidden; position:relative;}
.nlist ul li:before{ content:""; position:absolute; left:50%; width:0; top:0; height:100%; background:#fff; -moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out; z-index:1;}
.nlist ul li:hover:before{ width:100%;}
.nlist ul li:after{ content:""; position:absolute; right:50%; width:0; top:0; height:100%; background:#fff; -moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out; z-index:1;}
.nlist ul li:hover:after{ width:100%;}
.nlist ul li .layui{ width:94%; margin:auto; z-index:3; position:relative;}
.nlist ul li h5{ height:20px; line-height:20px; font-size:16px; overflow:hidden; display:block; font-weight:normal;}
.nlist ul li h5 a:hover{ color:#025291;}
.nlist ul li h4{ height:16px; line-height:16px; font-size:14px; overflow:hidden; display:block; margin-top:6px; font-weight:normal; color:#666;}
.nlist ul li p{ height:16px; line-height:16px; font-size:14px; overflow:hidden; display:block; margin-top:6px; margin-bottom:10px; font-weight:normal; color:#666;}
.nlist ul li h6{ height:16px; line-height:16px; font-size:14px; overflow:hidden; display:block; font-weight:normal;}
.nlist ul li h6 a{ color:#666;}
}

/*荣誉*/
@media screen and (min-width:1281px){
.fl04{ width:1200px; margin:50px auto;}
}

@media screen and (min-width:769px) and (max-width:1280px){
.fl04{ width:94%; margin:40px auto;}
}

@media only screen and (max-width:768px){
.fl04{ width:94%; margin:20px auto;}
}

/*联系我们*/
@media screen and (min-width:1281px){
.mbox{ width:1200px; margin:50px auto; position:relative;}
#map{ width:840px; height:480px; float:left;} 
.maps{ width:360px; height:480px; background-color:#fff; float:right;}
.maps .bt{ margin:18px 40px; margin-bottom:10px;}
.maps .bt p{ height:58px; line-height:58px; font-size:18px; font-weight:bold; overflow:hidden;}
.maps .bt b{ display:block; width:20px; height:2px; background-color:#025291; overflow:hidden;}
.maps .nr{ font-size:14px; line-height:36px; margin:0 40px;}
}
.iw_poi_content{ font-size:12px; margin-top:10px;}
@media screen and (min-width:768px) and (max-width:1280px){
.mbox{ width:94%; margin:40px auto; position:relative;}
#map{ width:70%; float:left; height:400px;} 
.maps{ width:30%; height:400px; background-color:#fff; float:right;}
.maps .bt{ margin:18px 20px; margin-bottom:10px;}
.maps .bt p{ height:38px; line-height:38px; font-size:18px; font-weight:bold; overflow:hidden;}
.maps .bt b{ display:block; width:20px; height:2px; background-color:#025291; overflow:hidden;}
.maps .nr{ font-size:14px; line-height:30px; margin:0 20px;}
}

@media only screen and (max-width:767px){
.mbox{ width:94%; margin:20px auto; position:relative;}
#map{ width:100%; margin:auto; height:240px;} 
.maps{ width:100%; padding-bottom:20px; background-color:#fff;}
.maps .bt{ margin:18px 20px; margin-bottom:10px;}
.maps .bt p{ height:38px; line-height:38px; font-size:18px; font-weight:bold; overflow:hidden;}
.maps .bt b{ display:block; width:20px; height:2px; background-color:#025291; overflow:hidden;}
.maps .nr{ font-size:14px; line-height:30px; margin:0 20px;}
}

@media screen and (min-width:1281px){
.lbox{ width:100%; background-image:url(../images/cbg.jpg); background-position:center; background-attachment:fixed;}
.lbox .box{ width:100%; padding:50px 0; background-color:rgba(0,0,0,0.7);}
.lbox .nei{ width:1200px; margin:auto;}
.lbox .nei .left{ background-color:rgba(2,82,145,0.8); width:300px; height:425px; padding-top:105px; float:left; overflow:hidden; text-align:center;}
.lbox .nei .left span{ display:block; font-size:24px; color:#fff; height:28px; line-height:28px; overflow:hidden; text-transform:uppercase;}
.lbox .nei .left p{ display:block; font-size:16px; color:#fff; height:50px; line-height:50px; overflow:hidden;}
.lbox .nei .left strong{ display:block; width:170px; padding:5px; background-color:#fff; margin:auto; margin-top:33px;}
.lbox .nei .left strong img{ width:100%; display:block;}
.lbox .nei .left a{ display:block; font-size:14px; color:#fff; height:34px; line-height:34px; overflow:hidden;}
.lbox .nei .right{ background-color:rgba(225,225,225,0.8); width:760px; height:400px; padding:65px 70px; float:left; overflow:hidden;}
.lbox .nei .right .title{ text-align:center; width:740px; margin:auto; height:70px;}
.lbox .nei .right .title strong{ display:block; float:left; height:17px; width:214px; margin-top:26px;}
.lbox .nei .right .title b{ display:block; float:right; height:17px; width:214px; margin-top:26px;}
.lbox .nei .right .title p{ display:block; float:left; height:70px; width:312px;}
.lbox .nei .right .title p span{ display:block; font-size:24px; color:#025291; height:30px; line-height:30px; overflow:hidden; text-transform:uppercase;}
.lbox .nei .right .title p a{ display:block; font-size:24px; height:36px; line-height:36px; overflow:hidden; padding-top:4px; letter-spacing:4px; text-indent:4px;}
.lbox .nei .right .xin{ width:100%;}
.lbox .nei .right .xin .x01{ width:780px; margin-top:25px;}
.lbox .nei .right .xin .x01 input{ width:200px; padding:0 20px; background-color:#fff; display:block; float:left; height:40px; line-height:40px; font-size:14px; margin-right:20px; overflow:hidden;}
.lbox .nei .right .xin .x01 select{ width:240px; padding:0 20px; background-color:#fff; display:block; float:left; height:40px; line-height:40px; font-size:14px; margin-right:20px; overflow:hidden; background-image:url(../images/sel.jpg); background-position:220px center; background-repeat:no-repeat;}
.lbox .nei .right .xin .x03{ width:100%; margin-top:20px;}
.lbox .nei .right .xin .x03 textarea{ width:720px; padding:5px 20px; background-color:#fff; display:block; float:left; height:110px; line-height:24px; font-size:14px; overflow:hidden;}
.lbox .nei .right .xin .x04{ width:160px; margin:auto; margin-top:20px;}
.lbox .nei .right .xin .x04 input{ width:160px; background-color:#025291; color:#fff; text-align:center; display:block; height:40px; line-height:40px; font-size:14px; overflow:hidden; border-radius:40px; cursor:pointer;}
}

@media screen and (min-width:769px) and (max-width:1280px){
.lbox{ width:100%; background-image:url(../images/cbg.jpg); background-position:center; background-attachment:fixed;}
.lbox .box{ width:100%; padding:40px 0; background-color:rgba(0,0,0,0.7);}
.lbox .nei{ width:94%; margin:auto;}
.lbox .nei .left{ background-color:rgba(2,82,145,0.8); width:25%; height:360px; padding-top:70px; float:left; overflow:hidden; text-align:center;}
.lbox .nei .left span{ display:block; font-size:20px; color:#fff; height:28px; line-height:28px; overflow:hidden; text-transform:uppercase;}
.lbox .nei .left p{ display:block; font-size:16px; color:#fff; height:30px; line-height:30px; overflow:hidden;}
.lbox .nei .left strong{ display:block; width:90%; max-width:140px; padding:5px; background-color:#fff; margin:auto; margin-top:30px;}
.lbox .nei .left strong img{ width:100%; display:block;}
.lbox .nei .left a{ display:block; font-size:14px; color:#fff; height:34px; line-height:34px; overflow:hidden;}
.lbox .nei .right{ background-color:rgba(225,225,225,0.8); width:75%; height:390px; padding:20px 0; float:left; overflow:hidden;}
.lbox .nei .right .title{ text-align:center; width:94%; margin:auto; height:60px;}
.lbox .nei .right .title strong{ display:block; float:left; height:17px; width:30%; margin-top:21px; position:relative; overflow:hidden;}
.lbox .nei .right .title b{ display:block; float:right; height:17px; width:30%; margin-top:21px; position:relative; overflow:hidden;}
.lbox .nei .right .title strong img{ display:block; position:absolute; right:0; bottom:0;}
.lbox .nei .right .title p{ display:block; float:left; height:60px; width:40%;}
.lbox .nei .right .title p span{ display:block; font-size:22px; color:#025291; height:30px; line-height:30px; overflow:hidden; text-transform:uppercase;}
.lbox .nei .right .title p a{ display:block; font-size:16px; height:26px; line-height:26px; overflow:hidden; text-indent:4px;}
.lbox .nei .right .xin{ width:100%;}
.lbox .nei .right .xin .x01{ width:100%; margin-top:15px;}
.lbox .nei .right .xin .x01 input,.lbox .nei .right .xin .x01 select{ width:29.33%; box-sizing:border-box; padding:0 10px; background-color:#fff; display:block; float:left; height:40px; line-height:40px; font-size:14px; margin-left:3%; overflow:hidden;}
.lbox .nei .right .xin .x03{ width:100%; margin-top:20px;}
.lbox .nei .right .xin .x03 textarea{ width:94%; box-sizing:border-box; padding:5px 10px; background-color:#fff; display:block; float:left; height:120px; line-height:24px; font-size:14px; overflow:hidden; margin-left:3%;}
.lbox .nei .right .xin .x04{ width:160px; margin:auto; margin-top:20px;}
.lbox .nei .right .xin .x04 input{ width:160px; background-color:#025291; color:#fff; text-align:center; display:block; height:40px; line-height:40px; font-size:14px; overflow:hidden; border-radius:40px; cursor:pointer;}
}

@media only screen and (max-width:768px){
.lbox{ width:100%; background-image:url(../images/cbg.jpg); background-position:center; background-size:cover; background-repeat:no-repeat;}
.lbox .box{ width:100%; padding:20px 0; background-color:rgba(0,0,0,0.7);}
.lbox .nei{ width:94%; margin:auto;}
.lbox .nei .left{ background-color:rgba(2,82,145,0.8); width:94%; padding:10px 3%; float:left; overflow:hidden; text-align:center;}
.lbox .nei .left span{ display:block; font-size:16px; color:#fff; height:26px; line-height:26px; overflow:hidden; text-transform:uppercase;}
.lbox .nei .left p{ display:block; font-size:14px; color:#fff; height:24px; line-height:24px; overflow:hidden;}
.lbox .nei .left strong{ display:block; width:90%; max-width:140px; padding:5px; background-color:#fff; margin:auto; margin-top:10px;}
.lbox .nei .left strong img{ width:100%; display:block;}
.lbox .nei .left a{ display:block; font-size:14px; color:#fff; height:24px; line-height:24px; overflow:hidden;}
.lbox .nei .right{ background-color:rgba(225,225,225,0.8); width:100%; padding:15px 0; float:left; overflow:hidden;}
.lbox .nei .right .title{ text-align:center; width:94%; margin:auto; height:46px;}
.lbox .nei .right .title strong{ display:block; float:left; height:17px; width:20%; margin-top:14px; position:relative; overflow:hidden;}
.lbox .nei .right .title b{ display:block; float:right; height:17px; width:20%; margin-top:14px; position:relative; overflow:hidden;}
.lbox .nei .right .title strong img{ display:block; position:absolute; right:0; bottom:0;}
.lbox .nei .right .title p{ display:block; float:left; height:46px; width:60%;}
.lbox .nei .right .title p span{ display:block; font-size:20px; color:#025291; height:22px; line-height:22px; overflow:hidden; text-transform:uppercase;}
.lbox .nei .right .title p a{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden;}
.lbox .nei .right .xin{ width:100%;}
.lbox .nei .right .xin .x01{ width:100%; margin-top:10px;}
.lbox .nei .right .xin .x01 input,.lbox .nei .right .xin .x01 select{ width:29.33%; box-sizing:border-box; padding:0 10px; background-color:#fff; display:block; float:left; height:30px; line-height:30px; font-size:14px; margin-left:3%; overflow:hidden;}
.lbox .nei .right .xin .x03{ width:100%; margin-top:10px;}
.lbox .nei .right .xin .x03 textarea{ width:94%; box-sizing:border-box; padding:5px 10px; background-color:#fff; display:block; float:left; height:120px; line-height:24px; font-size:14px; overflow:hidden; margin-left:3%;}
.lbox .nei .right .xin .x04{ width:160px; margin:auto; margin-top:10px;}
.lbox .nei .right .xin .x04 input{ width:160px; background-color:#025291; color:#fff; text-align:center; display:block; height:30px; line-height:30px; font-size:14px; overflow:hidden; border-radius:40px; cursor:pointer;}
}

/*产品*/
@media screen and (min-width:1281px){
.cbox{ width:1200px; margin:50px auto;}
.cbox .tb{ width:220px; background-color:#fff; float:left; padding:10px 20px; display:none;}
.cbox .tb .tbt{ height:38px; line-height:38px; font-size:18px; border-bottom:1px solid #cacaca; margin-bottom:9px;}
.cbox .tb dl{ display:block; width:100%;}
.cbox .tb dl dt{ display:block; height:36px; line-height:36px; font-size:16px; background-image:url(../images/addh.png); background-position:right center; background-repeat:no-repeat; cursor:pointer;}
.cbox .tb dl dd{ display:none; overflow:hidden; margin-left:20px;}
.cbox .tb dl dd a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden; color:#666;}
.cbox .tb dl.cur dt{ color:#025291; background-image:url(../images/add01h.png);}
.cbox .tb dl.cur dd{ display:block;}
.cbox .tb dl dd a:hover{ text-decoration:underline;}
.cbox .tb dl dd a.on{ color:#025291;}

.cbox .tb p{ display:block; float:right; height:32px; width:210px; overflow:hidden;}
.cbox .tb p span{ display:block; padding:0 10px; background-color:#fff; float:left; height:32px; width:160px;}
.cbox .tb p span input{ width:100%; display:block; height:32px; line-height:32px; font-size:14px;}
.cbox .tb p a{ display:block; float:left; height:32px; width:30px;}
.cbox .tb p a input{ width:100%; display:block; height:32px; background-image:url(../images/h02.png); background-position:center; background-repeat:no-repeat; background-color:#025291; background-size:16px 16px; cursor:pointer;}

.cbox .pror{ width:100%; float:right;}
.cbox .pror .ps{ width:100%;}
.cbox .pror .ps strong{ font-weight:normal; display:block; height:20px; line-height:20px; float:left; margin:5px 0; border-left:4px solid #025291; padding-left:7px; font-size:18px; color:#025291;}
.cbox .pror .fen{ width:100%; float:right;}
.cbox .pror .fen a{ padding:0 15px; height:30px; line-height:30px; font-size:14px; background-color:#fff; display:inline-block; margin-right:10px; margin-top:10px;}
.cbox .pror .fen a:hover{ color:#025291;}
.cbox .pror .fen a.on{ background-color:#025291; color:#fff;}
.cbox .pror .ps p{ display:block; float:right; height:30px; width:210px; overflow:hidden;}
.cbox .pror .ps p span{ display:block; padding:0 10px; background-color:#fff; float:left; height:30px; width:160px;}
.cbox .pror .ps p span input{ width:100%; display:block; height:30px; line-height:30px; font-size:14px;}
.cbox .pror .ps p a{ display:block; float:left; height:30px; width:30px;}
.cbox .pror .ps p a input{ width:100%; display:block; height:30px; background-image:url(../images/h02.png); background-position:center; background-repeat:no-repeat; background-color:#025291; background-size:16px 16px; cursor:pointer;}
.cbox .pror .title01{ display:none;}
.chan{ width:1220px; display:block;}
.chan li{ width:285px; height:330px; display:block; float:left; margin-top:20px; margin-right:20px; background-color:#fff; overflow:hidden;}
.chan li .tu{ width:100%; height:230px; position:relative;}
.chan li .tu img{ height:100%; display:block; margin:auto;}
.chan li .tu a{ width:225px; padding:0 30px; height:300px; display:none; /*background-color:rgba(2,82,145,0.7);*/ position:absolute; left:0; top:0;}
.chan li .tu a p{ display:none;}
.chan li .tu a .wwz{ display:none; width:100%; height:300px; text-align:left; vertical-align:middle; overflow:hidden; display:none;}
.chan li .tu a .wwz .wwz01{ color:#fff; display:table-cell; vertical-align:middle; font-size:16px; line-height:30px; overflow:hidden;}
.chan li:hover .tu a{ display:block;}
.chan li .wen{ padding:25px 30px; position:relative;}
.chan li .wen span{ height:24px; line-height:24px; font-size:18px; overflow:hidden; display:block;}
.chan li .wen p{ height:26px; line-height:26px; font-size:14px; color:#666; overflow:hidden; display:block;}
.chan li .tu img{ 
	transition-delay:0s;
    transition-duration:1s;
    transition-property:all;
    transition-timing-function:ease;
	/* Firefox 4 */
	-moz-transition-delay:0s;
    -moz-transition-duration:1s;
    -moz-transition-property:all;
    -moz-transition-timing-function:ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration:1s;
    -webkit-transition-property:all;
    -webkit-transition-timing-function:ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration:1s;
    -o-transition-property:all;
    -o-transition-timing-function:ease;
}
.chan li:hover img{
	transform:scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}
}

@media screen and (min-width:769px) and (max-width:1280px){
.cbox{ width:100%; margin:40px auto;}
.cbox .tb{ display:none;}
.cbox .pror{ width:100%;}
.cbox .pror .fen{ display:none;}
.cbox .pror .ps .fen{ display:none !important;}
.cbox .pror .ps{ width:94%; margin:auto;}
.cbox .pror .ps strong{ font-weight:normal; display:block; height:20px; line-height:20px; float:left; margin:5px 0; border-left:4px solid #025291; padding-left:7px; font-size:18px; color:#025291;}
.cbox .pror .ps p{ display:none;}
.cbox .pror .title01{ width:100%; display:block; height:30px; margin-top:20px; position:relative;}
.cbox .pror .title01 p{ display:block; float:right; height:40px; width:45.5%; overflow:hidden; position:relative; margin-right:3%;}
.cbox .pror .title01 p span{ display:block; padding-left:10px; padding-right:50px; background-color:#fff; float:left; height:40px; width:100%; box-sizing:border-box;}
.cbox .pror .title01 p span input{ width:100%; display:block; height:40px; line-height:40px; font-size:14px;}
.cbox .pror .title01 p a{ display:block; float:left; height:40px; width:40px; position:absolute; right:0; top:0;}
.cbox .pror .title01 p a input{ width:100%; display:block; height:40px; background-image:url(../images/h02.png); background-position:center; background-repeat:no-repeat; background-color:#025291; background-size:16px 16px; cursor:pointer;}

.cbox .pror .title01 strong{ font-weight:normal; display:block; float:left; width:45.5%; height:40px; text-indent:10px; font-size:14px; line-height:40px; background-image:url(../images/addh.png); background-position:right center; background-repeat:no-repeat; background-color:#fff; margin-left:3%;}
.cbox .pror .title01 strong.on{ background-image:url(../images/add01h.png);}

.cbox .pror .title01 .fen{ position:absolute; left:3%; top:45px; background-color:#fff; display:none; width:88%; padding:0 3%; z-index:111; box-shadow:0 5px 5px 0 rgba(0,0,0,.1);}
.cbox .pror .title01 .fen dl{ display:block; width:100%; border-bottom:1px solid #cacaca; padding:9px 0;}
.cbox .pror .title01 .fen dl dt{ display:block; height:36px; line-height:36px; font-size:16px; background-image:url(../images/addh.png); background-position:right center; background-repeat:no-repeat; cursor:pointer;}
.cbox .pror .title01 .fen dl dd{ display:none; overflow:hidden; margin-left:20px;}
.cbox .pror .title01 .fen dl dd a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden; color:#666;}
.cbox .pror .title01 .fen dl.cur dt{ color:#025291; background-image:url(../images/add01h.png);}
.cbox .pror .title01 .fen dl.cur dd{ display:block;}
.cbox .pror .title01 .fen dl dd a:hover{ text-decoration:underline;}
.cbox .pror .title01 .fen dl dd a.on{ color:#025291;}
.cbox .pror .title01 .fen .close{ width:100%; height:36px; line-height:36px; font-size:14px; text-align:center; padding:9px 0; color:#025291;}

.chan{ width:100%; display:block;}
.chan li{ width:45.5%; height:270px; display:block; float:left; margin-top:20px; margin-left:3%; background-color:#fff; overflow:hidden;}
.chan li .tu{ width:100%; height:180px; position:relative;}
.chan li .tu img{ height:100%; display:block; margin:auto;}
.chan li .tu a{ width:100%; box-sizing:border-box; padding:0 20px; height:300px; display:none; /*background-color:rgba(2,82,145,0.7);*/ position:absolute; left:0; top:0;}
.chan li .tu a p{ display:none;}
.chan li .tu a .wwz{ display:none; width:100%; height:300px; text-align:left; vertical-align:middle; overflow:hidden; display:none;}
.chan li .tu a .wwz .wwz01{ color:#fff; display:table-cell; vertical-align:middle; font-size:16px; line-height:30px; overflow:hidden;}
.chan li:hover .tu a{ display:block;}
.chan li .wen{ padding:20px; position:relative;}
.chan li .wen span{ height:24px; line-height:24px; font-size:18px; overflow:hidden; display:block;}
.chan li .wen p{ height:26px; line-height:26px; font-size:14px; color:#666; overflow:hidden; display:block;}
.chan li .tu img{ 
	transition-delay:0s;
    transition-duration:1s;
    transition-property:all;
    transition-timing-function:ease;
	/* Firefox 4 */
	-moz-transition-delay:0s;
    -moz-transition-duration:1s;
    -moz-transition-property:all;
    -moz-transition-timing-function:ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration:1s;
    -webkit-transition-property:all;
    -webkit-transition-timing-function:ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration:1s;
    -o-transition-property:all;
    -o-transition-timing-function:ease;
}
.chan li:hover img{
	transform:scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}
}

@media only screen and (max-width:768px){
.cbox{ width:100%; margin:20px auto;}
.cbox .tb{ display:none;}
.cbox .pror{ width:100%;}
.cbox .pror .fen{ display:none;}
.cbox .pror .ps .fen{ display:none !important;}
.cbox .pror .ps{ width:94%; margin:auto;}
.cbox .pror .ps strong{ font-weight:normal; display:block; height:20px; line-height:20px; float:left; margin:5px 0; border-left:4px solid #025291; padding-left:7px; font-size:18px; color:#025291;}
.cbox .pror .ps p{ display:none;}
.cbox .pror .title01{ width:100%; display:block; height:30px; margin-top:20px; position:relative;}
.cbox .pror .title01 p{ display:block; float:right; height:40px; width:45.5%; overflow:hidden; position:relative; margin-right:3%;}
.cbox .pror .title01 p span{ display:block; padding-left:10px; padding-right:50px; background-color:#fff; float:left; height:40px; width:100%; box-sizing:border-box;}
.cbox .pror .title01 p span input{ width:100%; display:block; height:40px; line-height:40px; font-size:14px;}
.cbox .pror .title01 p a{ display:block; float:left; height:40px; width:40px; position:absolute; right:0; top:0;}
.cbox .pror .title01 p a input{ width:100%; display:block; height:40px; background-image:url(../images/h02.png); background-position:center; background-repeat:no-repeat; background-color:#025291; background-size:16px 16px; cursor:pointer;}

.cbox .pror .title01 strong{ font-weight:normal; display:block; float:left; width:45.5%; height:40px; text-indent:10px; font-size:14px; line-height:40px; background-image:url(../images/addh.png); background-position:right center; background-repeat:no-repeat; background-color:#fff; margin-left:3%;}
.cbox .pror .title01 strong.on{ background-image:url(../images/add01h.png);}

.cbox .pror .title01 .fen{ position:absolute; left:3%; top:45px; background-color:#fff; display:none; width:88%; height:200px; overflow:auto; padding:0 3%; z-index:111; box-shadow:0 5px 5px 0 rgba(0,0,0,.1);}
.cbox .pror .title01 .fen dl{ display:block; width:100%; border-bottom:1px solid #cacaca; padding:9px 0;}
.cbox .pror .title01 .fen dl dt{ display:block; height:36px; line-height:36px; font-size:16px; background-image:url(../images/addh.png); background-position:right center; background-repeat:no-repeat; cursor:pointer;}
.cbox .pror .title01 .fen dl dd{ display:none; overflow:hidden; margin-left:20px;}
.cbox .pror .title01 .fen dl dd a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden; color:#666;}
.cbox .pror .title01 .fen dl.cur dt{ color:#025291; background-image:url(../images/add01h.png);}
.cbox .pror .title01 .fen dl.cur dd{ display:block;}
.cbox .pror .title01 .fen dl dd a:hover{ text-decoration:underline;}
.cbox .pror .title01 .fen dl dd a.on{ color:#025291;}
.cbox .pror .title01 .fen .close{ width:100%; height:36px; line-height:36px; font-size:14px; text-align:center; padding:9px 0; color:#025291;}

.chan{ width:100%; display:block;}
.chan li{ width:45.5%; display:block; float:left; margin-top:20px; margin-left:3%; background-color:#fff; overflow:hidden;}
.chan li .tu{ width:100%; height:120px; position:relative;}
.chan li .tu img{ height:100%; display:block; margin:auto;}
.chan li .tu a{ width:100%; box-sizing:border-box; padding:0 15px; height:140px; display:none; /*background-color:rgba(2,82,145,0.7);*/ position:absolute; left:0; top:0;}
.chan li .tu a p{ display:none;}
.chan li .tu a .wwz{ display:none; width:100%; height:140px; text-align:left; vertical-align:middle; overflow:hidden; display:none;}
.chan li .tu a .wwz .wwz01{ color:#fff; display:table-cell; vertical-align:middle; font-size:16px; line-height:30px; overflow:hidden;}
.chan li:hover .tu a{ display:block;}
.chan li .wen{ padding:10px 15px; position:relative;}
.chan li .wen span{ height:24px; line-height:24px; font-size:16px; overflow:hidden; display:block;}
.chan li .wen p{ height:24px; line-height:24px; font-size:12px; color:#666; overflow:hidden; display:block;}
}

/*产品内页*/
@media screen and (min-width:1281px){
.cbox .tb01{ width:1200px; margin:auto;}
.cbox .tb01 p{ display:block; float:right; height:30px; width:210px; overflow:hidden;}
.cbox .tb01 p span{ display:block; padding:0 10px; background-color:#fff; float:left; height:30px; width:160px;}
.cbox .tb01 p span input{ width:100%; display:block; height:30px; line-height:30px; font-size:14px;}
.cbox .tb01 p a{ display:block; float:left; height:30px; width:30px;}
.cbox .tb01 p a input{ width:100%; display:block; height:30px; background-image:url(../images/h02.png); background-position:center; background-repeat:no-repeat; background-color:#025291; background-size:16px 16px; cursor:pointer;}	
.cbox .tb01 ul{ display:block; float:left; height:32px; line-height:32px; font-size:14px;}
.cbox .tb01 ul span{ color:#025291;}

.cbox .boxs{ width:1200px; margin:20px auto;}
.cbox .boxs .left{ width:680px; height:400px; float:left; background-color:#fff;}
#gallery{ height:300px; width:620px; margin:auto; overflow:hidden; position:relative; z-index:1;}
#gallery .swiper-wrapper{
    position:relative;
    width:100%;
	margin:auto;
    height:300px;
    z-index:1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
#gallery .swiper-wrapper .swiper-slide{
	-webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
	position:relative;
	width:100%;
    height:300px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#gallery .swiper-wrapper .swiper-slide a{ display:block; width:100%; height:300px; display:block; overflow:hidden; background-size:auto 240px; background-repeat:no-repeat; background-position:center;}
.swiper-container-thumbs{
    margin:0 auto;
    position:relative;
    overflow:hidden;
    z-index:1;
	width:390px;
    height:70px;
    box-sizing:border-box;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.swiper-container-thumbs .swiper-wrapper {
    position:relative;
    width:100%;
    height:100%;
    z-index:1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	-webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.swiper-container-thumbs .swiper-slide {
    width:90px;
    height:100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	-webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
}
.swiper-container-thumbs .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; background-size:auto 90%; background-position:center; background-repeat:no-repeat;}
.swiper-container-thumbs .swiper-slide b{ width:100%; height:100%; display:block; overflow:hidden; box-sizing:border-box; display:block; border:2px solid #cacaca;}
.swiper-container-thumbs .swiper-slide-thumb-active b{ border:2px solid #025291;}
.cbox .boxs .left .swiper-button-prev{ width:40px; height:40px; background-color:#fff; border-radius:100px; position:absolute; left:-15px; top:160px; z-index:3; cursor:pointer;}
.cbox .boxs .left .swiper-button-next{ width:40px; height:40px; background-color:#fff; border-radius:100px; position:absolute; right:-15px; top:160px; z-index:3; cursor:pointer;}
.cbox .boxs .left .swiper-button-next img,.cbox .boxs .left .swiper-button-prev img{ height:20px; margin:10px auto; display:block;}

.cbox .boxs .right{ width:430px; height:340px; padding:30px; background-color:#fff; float:right;}
.cbox .boxs .right .tou{ font-size:24px; color:#22549a; margin-bottom:15px;}
.cbox .boxs .right .wen{ font-size:14px; line-height:24px; margin-bottom:15px; height:288px;}
.cbox .boxs .right .xx{ border-top:1px solid #cacaca; border-bottom:1px solid #cacaca; height:50px; line-height:50px; font-size:14px; margin-bottom:20px;}
.cbox .boxs .right .xx p{ display:block; float:left; width:50%; overflow:hidden;}
.cbox .boxs .right .tou01{ font-size:18px; color:#22549a; margin-bottom:10px;}
.cbox .boxs .right .wen01{ font-size:14px; line-height:24px; margin-bottom:20px; height:120px;}
.cbox .boxs .right a{ width:100%; height:50px; line-height:50px; font-size:18px; text-align:center; color:#fff; background-color:#22549a; display:none;}

.bnoxs01{ width:1140px; margin:auto; background-color:#fff; padding:30px; padding-top:20px;}
.bnoxs01 .tou{ width:100%; height:40px; border-bottom:1px solid #cacaca;}
.bnoxs01 .tou a{ display:block; width:120px; text-align:center; font-size:16px; line-height:40px; height:38px; float:left;}
.bnoxs01 .tou a.on{ border-bottom:2px solid #22549a; color:#22549a;}
.bnoxs01 .wen{ font-size:14px; line-height:24px; margin-top:20px;}
.bnoxs01 .wen ul{ padding-left:40px;}
.bnoxs01 .wen img{ max-width:100%; height:auto;}

.boxs02{ width:1200px; margin:50px auto; display:none;}
.boxs02 .en{ font-size:36px; text-align:center;}
.boxs02 .cn{ font-size:24px; text-align:center; margin-top:20px;}
} 

@media screen and (min-width:769px) and (max-width:1280px){
.cbox .tb01{ width:94%; margin:auto;}
.cbox .tb01 p{ display:block; float:right; height:32px; width:182px; overflow:hidden;}
.cbox .tb01 p span{ display:block; padding:0 10px; background-color:#fff; float:left; height:32px; width:130px;}
.cbox .tb01 p span input{ width:100%; display:block; height:32px; line-height:32px; font-size:14px;}
.cbox .tb01 p a{ display:block; float:left; height:32px; width:32px;}
.cbox .tb01 p a input{ width:100%; display:block; height:32px; background-image:url(../images/h02.png); background-position:center; background-repeat:no-repeat; background-color:#025291; background-size:16px 16px; cursor:pointer;}
.cbox .tb01 ul{ display:block; float:left; height:32px; line-height:32px; font-size:14px;}
.cbox .tb01 ul span{ color:#025291;}

.cbox .boxs{ width:94%; margin:20px auto;}
.cbox .boxs .left{ width:60%; height:390px; float:left; background-color:#fff;}
#gallery{ height:300px; width:94%; margin:auto; overflow:hidden; position:relative; z-index:1;}
#gallery .swiper-wrapper{
    position:relative;
    width:100%;
    height:300px;
    z-index:1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
#gallery .swiper-wrapper .swiper-slide{
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width:100%;
    height:300px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#gallery .swiper-wrapper .swiper-slide a{ display:block; width:100%; height:300px; display:block; margin:auto; overflow:hidden; background-size:auto 260px; background-repeat:no-repeat; background-position:center;}
.swiper-container-thumbs{
    margin:0 auto;
    position:relative;
    overflow:hidden;
    z-index:1;
	width:390px;
    height:70px;
    box-sizing:border-box;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.swiper-container-thumbs .swiper-wrapper {
    position:relative;
    width:100%;
    height:100%;
    z-index:1;
   	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	-webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.swiper-container-thumbs .swiper-slide {
    width:90px;
    height:100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	-webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
	position:relative;
	
}
.swiper-container-thumbs .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; background-size:auto 100%; background-position:center; background-repeat:no-repeat;}
.swiper-container-thumbs .swiper-slide b{ width:100%; height:100%; display:block; overflow:hidden; box-sizing:border-box; display:block; border:2px solid #cacaca;}
.swiper-container-thumbs .swiper-slide-thumb-active b{ border:2px solid #025291;}
.cbox .boxs .left .swiper-button-prev{ width:40px; height:40px; background-color:#fff; border-radius:100px; position:absolute; left:3%; top:160px; z-index:3;}
.cbox .boxs .left .swiper-button-next{ width:40px; height:40px; background-color:#fff; border-radius:100px; position:absolute; right:3%; top:160px; z-index:3;}
.cbox .boxs .left .swiper-button-next img,.cbox .boxs .left .swiper-button-prev img{ height:20px; margin:10px auto; display:block;}

.cbox .boxs .right{ width:36%; height:390px; padding:20px; box-sizing:border-box; background-color:#fff; float:right;}
.cbox .boxs .right .tou{ font-size:24px; color:#22549a; margin-bottom:15px;}
.cbox .boxs .right .wen{ font-size:14px; line-height:24px; margin-bottom:15px; height:288px;}
.cbox .boxs .right .xx{ border-top:1px solid #cacaca; border-bottom:1px solid #cacaca; height:50px; line-height:50px; font-size:14px; margin-bottom:20px;}
.cbox .boxs .right .xx p{ display:block; float:left; width:50%; overflow:hidden;}
.cbox .boxs .right .tou01{ font-size:18px; color:#22549a; margin-bottom:10px;}
.cbox .boxs .right .wen01{ font-size:14px; line-height:24px; margin-bottom:20px; height:120px;}
.cbox .boxs .right a{ width:100%; height:50px; line-height:50px; font-size:18px; text-align:center; color:#fff; background-color:#22549a; display:none;}

.bnoxs01{ width:94%; box-sizing:border-box; margin:auto; background-color:#fff; padding:20px;}
.bnoxs01 .tou{ width:100%; height:40px; border-bottom:1px solid #cacaca;}
.bnoxs01 .tou a{ display:block; width:120px; text-align:center; font-size:16px; line-height:40px; height:38px; float:left;}
.bnoxs01 .tou a.on{ border-bottom:2px solid #22549a; color:#22549a;}
.bnoxs01 .wen{ font-size:14px; line-height:24px; margin-top:20px;}
.bnoxs01 .wen ul{ padding-left:40px;}
.bnoxs01 .wen img{ max-width:100%; height:auto;}

.boxs02{ width:100%; margin:40px auto; display:none;}
.boxs02 .en{ font-size:30px; text-align:center;}
.boxs02 .cn{ font-size:20px; text-align:center; margin-top:15px;}
}

@media only screen and (max-width:768px){
.cbox .tb01{ width:94%; margin:auto; position:relative;}

.cbox .tb01 p{ display:block; float:right; height:32px; width:180px; overflow:hidden;}
.cbox .tb01 p span{ display:block; padding:0 10px; background-color:#fff; float:left; height:32px; width:130px;}
.cbox .tb01 p span input{ width:100%; display:block; height:32px; line-height:32px; font-size:14px;}
.cbox .tb01 p a{ display:block; float:left; height:32px; width:30px;}
.cbox .tb01 p a input{ width:100%; display:block; height:32px; background-image:url(../images/h02.png); background-position:center; background-repeat:no-repeat; background-color:#025291; background-size:16px 16px; cursor:pointer;}
.cbox .tb01 ul{ display:none; float:left; height:32px; width:0; padding-left:10px; overflow:hidden;}

.cbox .boxs{ width:94%; margin:20px auto;}
.cbox .boxs .left{ width:94%; padding:0 3%; height:290px; float:left; background-color:#fff;}
#gallery{ height:200px; width:100%; margin:auto; overflow:hidden; position:relative; z-index:1;}
#gallery .swiper-wrapper{
    position:relative;
    width:100%;
    height:200px;
    z-index:1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
#gallery .swiper-wrapper .swiper-slide{
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width:100%;
    height:200px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#gallery .swiper-wrapper .swiper-slide a{ display:block; width:100%; height:200px; display:block; margin:auto; overflow:hidden; background-size:auto 180px; background-repeat:no-repeat; background-position:center;}
.swiper-container-thumbs{
    margin:0 auto;
    position:relative;
    z-index:1;
	width:100%;
    height:70px;
    box-sizing:border-box;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.swiper-container-thumbs .swiper-wrapper {
    position:relative;
    width:100%;
    height:100%;
    z-index:1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	-webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.swiper-container-thumbs .swiper-slide {
    width:90px;
    height:100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	-webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
	position:relative;	
}
.swiper-container-thumbs .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; background-size:auto 80%; background-position:center; background-repeat:no-repeat;}
.swiper-container-thumbs .swiper-slide b{ width:100%; height:100%; display:block; overflow:hidden; box-sizing:border-box; display:block; border:2px solid #cacaca;}
.swiper-container-thumbs .swiper-slide-thumb-active b{ border:2px solid #025291;}
.cbox .boxs .left .swiper-button-prev{ width:40px; height:40px; background-color:#fff; border-radius:100px; position:absolute; left:3%; top:120px; z-index:3;}
.cbox .boxs .left .swiper-button-next{ width:40px; height:40px; background-color:#fff; border-radius:100px; position:absolute; right:3%; top:120px; z-index:3;}
.cbox .boxs .left .swiper-button-next img,.cbox .boxs .left .swiper-button-prev img{ height:20px; margin:10px auto; display:block;}

.cbox .boxs .right{ width:100%; padding:15px; box-sizing:border-box; background-color:#fff; float:right; margin-top:15px;}
.cbox .boxs .right .tou{ font-size:20px; color:#22549a; margin-bottom:5px;}
.cbox .boxs .right .wen{ font-size:14px; line-height:24px; margin-bottom:5px;}
.cbox .boxs .right .xx{ border-top:1px solid #cacaca; border-bottom:1px solid #cacaca; line-height:30px; font-size:14px; margin-bottom:10px;}
.cbox .boxs .right .xx p{ display:block; float:left; min-width:50%; overflow:hidden;}
.cbox .boxs .right .tou01{ font-size:18px; color:#22549a; margin-bottom:10px;}
.cbox .boxs .right .wen01{ font-size:14px; line-height:24px; margin-bottom:10px;}
.cbox .boxs .right a{ width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; color:#fff; background-color:#22549a; display:none;}

.bnoxs01{ width:94%; box-sizing:border-box; margin:auto; background-color:#fff; padding:15px;}
.bnoxs01 .tou{ width:100%; height:40px; border-bottom:1px solid #cacaca;}
.bnoxs01 .tou a{ display:block; width:25%; text-align:center; font-size:14px; line-height:40px; height:38px; float:left;}
.bnoxs01 .tou a.on{ border-bottom:2px solid #22549a; color:#22549a;}
.bnoxs01 .wen{ font-size:14px; line-height:24px; margin-top:15px;}
.bnoxs01 .wen ul{ padding-left:40px;}
.bnoxs01 .wen img{ max-width:100%; height:auto;}

.boxs02{ width:100%; margin:20px auto; display:none;}
.boxs02 .en{ font-size:24px; text-align:center;}
.boxs02 .cn{ font-size:18px; text-align:center; margin-top:10px;}
}

/*注册*/
@media screen and (min-width:1281px){
.mains{ width:1206px; margin:50px auto;}
.mains .l{ width:650px; overflow:hidden;}
.mains .l img{ width:100%; display:block;}
.mains .r{ width:528px; overflow:hidden; padding-top:80px;}
.mains .r p{ width:528px; overflow:hidden; display:block; margin-top:20px;}
.mains .r p span{ display:block; float:left; margin-right:10px; font-size:16px; line-height:40px; width:98px; text-align:right; color:#333;}
.mains .r p input{ display:block; float:left; width:260px; padding:0 19px; height:38px; line-height:38px; font-size:14px; color:#333; border:1px solid #cacaca;}
.mains .r a{ display:block; height:22px; line-height:22px; margin:15px 0; font-size:14px; margin-left:108px;}
.mains .r a:hover{ color:#22549a;}
.mains .r p input.a01{ width:120px;}
.mains .r p img{width:120px; display:block; height:40px; float:left; margin-left:20px;}
.mains .r strong{ width:170px; height:40px; text-align:center; display:block; margin-left:108px; border-radius:5px; overflow:hidden;}
.mains .r strong input{ display:block; width:170px; height:40px; line-height:40px; font-size:16px; background-color:#22549a; color:#fff;}
}

@media screen and (min-width:769px) and (max-width:1280px) {
.mains{ width:100%; margin:auto; margin:40px auto;}
.mains .l{ width:50%; overflow:hidden;}
.mains .l img{ width:100%; display:block;}
.mains .r{ width:50%; overflow:hidden;}
.mains .r p{ width:100%; overflow:hidden; display:block; margin-top:20px;}
.mains .r p span{ display:block; float:left; margin-right:2%; font-size:16px; line-height:40px; width:24%; text-align:right; color:#333;}
.mains .r p input{ display:block; float:left; width:60%; padding:0 2%; height:38px; line-height:38px; font-size:14px; color:#333; border:1px solid #cacaca;}
.mains .r p input.a01{ width:30%;}
.mains .r p img{width:26%; display:block; float:left; height:40px; margin-left:3%;}
.mains .r a{ display:block; height:22px; line-height:22px; margin:15px 0; font-size:14px; margin-left:26%;}
.mains .r a:hover{ color:#22549a;}
.mains .r strong{ width:40%; height:40px; text-align:center; display:block; margin-left:26%; border-radius:5px; overflow:hidden;}
.mains .r strong input{ display:block; width:100%; height:40px; line-height:40px; font-size:16px; background-color:#22549a; color:#fff;}
}

@media only screen and (max-width:768px) {
.mains{ width:100%; margin:20px auto;}
.mains .l{ display:none;}
.mains .r{ width:94%; margin:auto; overflow:hidden;}
.mains .r p{ width:100%; overflow:hidden; display:block; margin-top:15px;}
.mains .r p span{ display:block; float:left; margin-right:2%; font-size:14px; line-height:32px; width:24%; text-align:right; color:#333;}
.mains .r p input{ display:block; float:left; width:60%; padding:0 2%; height:30px; line-height:30px; font-size:14px; color:#333; border:1px solid #cacaca;}
.mains .r p input.a01{ width:30%;}
.mains .r p img{width:26%; display:block; float:left; height:32px; margin-left:3%;}
.mains .r a{ display:block; height:22px; line-height:22px; margin:10px 0; font-size:14px; margin-left:26%;}
.mains .r a:hover{ color:#22549a;}
.mains .r strong{ width:40%; height:32px; text-align:center; display:block; margin-left:26%; border-radius:5px; overflow:hidden;}
.mains .r strong input{ display:block; width:100%; height:32px; line-height:32px; font-size:14px; background-color:#22549a; color:#fff;}
}

/*弹出框*/
#btn1{ cursor: pointer;}
.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}
.xcConfirm .popBox{position: fixed; left: 50%; top: 50%; padding-bottom: 20px; background-color: #ffffff; z-index: 2147000001; width: 570px; margin-left: -285px; margin-top: -160px; border-radius: 5px; font-weight: bold; color: #535e66;}
.xcConfirm .popBox .ttBox{height: 30px; line-height: 30px; padding: 14px 30px;}
.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; float: left; height: 30px; position: relative;}
.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; top: 22px; right: 30px; background: url(__PUBLIC__/Home/PC/images/icons.png) -48px -96px no-repeat;}
.xcConfirm .popBox .txtBox{width:100%;height:100%;margin-left:0;padding-left:0;overflow:hidden;}
.xcConfirm .popBox .txtBox .bigIcon{float: left; margin-right: 20px; width: 48px; height: 48px; background-image: url(__PUBLIC__/Home/PC/images/icons.png); background-repeat: no-repeat; background-position: 48px 0;}
.xcConfirm .popBox .txtBox p{ margin-top: 16px; line-height: 26px; overflow-x: hidden; overflow-y: auto;}
.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup{float: right;}
.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 14px; margin-right: 10px;}
.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; float: left; width: 95px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; border-radius: 5px;}
.xcConfirm .popBox .sgBtn.ok{background-color: #0095d9; color: #FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color: #546a79; color: #FFFFFF;}

@media only screen and (max-width:768px) {
	.xcConfirm .popBox{position: fixed; left:5%; top:10%; padding-bottom: 20px; background-color: #ffffff; z-index: 2147000001; width: 90%; margin-left:0; margin-top:0; border-radius: 5px; font-weight: bold; color: #535e66;}
	.xcConfirm .popBox .txtBox .bigIcon{ width:10px;}
	.xcConfirm .popBox .txtBox{ padding-bottom:20px;}
}

.bd_weixin_popup {
    position:fixed;
    left:50%;
	margin-top:-156px;
    top:50%;
	margin-left:-131px;
    padding: 10px;
    width: 240px;
    height: 300px;
    background: #fff;
    border: solid 1px #d8d8d8;
    z-index: 11001;
    font-size: 12px;
	display:none;
}
.bd_weixin_popup .bd_weixin_popup_head {
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    line-height: 16px;
    height: 16px;
    position: relative;
    color: #000;
}
.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    text-decoration: none;
    font-size: 16px;
	cursor:pointer;
	text-align:right;
}
.bd_weixin_popup .bd_weixin_popup_main {
    padding:10px;
	padding-bottom:5px;
}
.bd_weixin_popup .bd_weixin_popup_main img{ display:block; width:200px; margin:auto;}
.bd_weixin_popup .bd_weixin_popup_foot {
    font-size: 12px;
    text-align: left;
    line-height: 22px;
    color: #666;
}

.cus{ display:none !important;}
#cover{ width:100%; height:100%;display:none;position:fixed;left:0;top:0;z-index:18888;background-color:#000000;opacity:0.7;}
#guide{ display:none;position:fixed;right:18px;top:5px;z-index:19999;}
#guide img{ max-width:200px; display:block;}
@media only screen and (max-width:768px) {
.cus{ display:inline-block !important; position:relative;}
.bdsharebuttonbox{ display:none !important;}

}

/*产品对比*/
@media screen and (min-width:1281px){
.wrappers {
	width:1200px;
    margin:50px auto;
}
.wrapper h1.title {
    position: relative;
    zoom: 1;
    font-size:24px;
    line-height: 32px;
	font-weight:normal;
}
.navbox-new {
    width: 100%;
    margin: 15px auto 20px;
    height: 38px;
    background: #1579d1;
    font: 16px/38px 'Microsoft YaHei',arial;
}
.navbox-new span {
    background: #025291;
    text-decoration: none;
	color: #fff;
    padding: 0 20px;
    display: block;
    height: 38px;
    float: left;
}
.commpare-table-tips {
    float: right;
    height: 38px;
    line-height: 38px;
    color: #fff;
    font-size: 14px;
}
.commpare-table {
    margin-top: 20px;
    width: 100%;
	background-color:#e6e6e6;
}
.commpare-table th,.commpare-table td{ background-color:#fff;}
.commpare-table .compare-table-head,.commpare-table .cate-title{ background-color:#fafafa;}
.commpare-table th {
    padding: 8px 10px;
    vertical-align: middle;
    font-weight: normal;
    text-align: center;
    line-height: 18px;
    font-size: 14px;
}
.commpare-table td {
    padding: 8px 0;
    zoom: 1;
    text-align: center;
    word-wrap: break-word;
    word-break: break-all;
}
.commpare-table .cate-title {
    padding-left: 10px;
    background: #fafafa;
	text-align: left;
}
.compare-table-head strong {
    display: block;
    font: 16px/26px 'Microsoft YaHei',arial;
    text-align: center;
}
.commpare-table .unavailable img{ height:200px;}
.cate-title strong {
    position: relative;
    display: block;
    padding-left: 17px;
    font: 16px/20px 'Microsoft YaHei',arial;
    background-position: -87px 2px;
    color: #333;
}
.cate-title strong i {
    position: absolute;
    left: 0;
    top: 5px;
    width: 9px;
    height: 9px;
    background: url(../images/icon.png) no-repeat -17px -20px;
}
.cate-item-on .cate-title strong i {
    background-position: -35px -20px;
}
}

@media screen and (min-width:769px) and (max-width:1280px) {
.wrappers {
	width:94%;
    margin:30px auto;
}
.wrapper h1.title {
    position: relative;
    zoom: 1;
    font-size:20px;
    line-height: 32px;
	font-weight:normal;
}
.navbox-new {
    width: 100%;
    margin: 15px auto 20px;
    background: #1579d1;
    font: 14px/24px 'Microsoft YaHei',arial;
}
.navbox-new span {
    background: #025291;
    text-decoration: none;
	color: #fff;
    padding: 0 20px;
    display: block;
    height: 24px;
    float: left;
}
.commpare-table-tips {
    float: right;
    height: 24px;
    line-height: 24px;
    color: #fff;
    font-size: 14px;
}
.commpare-table {
    margin-top: 20px;
    width: 100%;
	background-color:#e6e6e6;
}
.commpare-table th,.commpare-table td{ background-color:#fff;}
.commpare-table .compare-table-head,.commpare-table .cate-title{ background-color:#fafafa;}
.commpare-table th {
    padding: 8px 10px;
    vertical-align: middle;
    font-weight: normal;
    text-align: center;
    line-height: 18px;
    font-size: 14px;
}
.commpare-table td {
    padding: 8px 0;
    zoom: 1;
    text-align: center;
    word-wrap: break-word;
    word-break: break-all;
}
.commpare-table .cate-title {
    padding-left: 10px;
    background: #fafafa;
	text-align: left;
}
.compare-table-head strong {
    display: block;
    font: 16px/26px 'Microsoft YaHei',arial;
    text-align: center;
}
.commpare-table .unavailable img{ height:150px;}
.cate-title strong {
    position: relative;
    display: block;
    padding-left: 17px;
    font: 14px/20px 'Microsoft YaHei',arial;
    background-position: -87px 2px;
    color: #333;
}
.cate-title strong i {
    position: absolute;
    left: 0;
    top: 5px;
    width: 9px;
    height: 9px;
    background: url(../images/icon.png) no-repeat -17px -20px;
}
.cate-item-on .cate-title strong i {
    background-position: -35px -20px;
}
}
.commpare-box{ width:100%;}
@media only screen and (max-width:768px) {
.wrappers {
	width:94%;
    margin:20px auto;
}
.wrapper h1.title {
    position: relative;
    zoom: 1;
    font-size:18px;
    line-height: 32px;
	font-weight:normal;
}
.navbox-new {
    width: 100%;
    margin: 15px auto 20px;
    height: 24px;
    background: #1579d1;
    font: 14px/24px 'Microsoft YaHei',arial;
}
.navbox-new span {
    background: #025291;
    text-decoration: none;
	color: #fff;
    padding: 0 20px;
    display: block;
    height: 24px;
    float: left;
}
.commpare-table-tips {
    float: right;
    height: 24px;
    line-height: 38px;
    color: #fff;
    font-size: 14px;
}
.commpare-table {
    margin-top: 20px;
    width: 100%;
	background-color:#e6e6e6;
}
.commpare-table th,.commpare-table td{ background-color:#fff;}
.commpare-table .compare-table-head,.commpare-table .cate-title{ background-color:#fafafa;}
.commpare-table th {
    padding: 8px 10px;
    vertical-align: middle;
    font-weight: normal;
    text-align: center;
    line-height: 18px;
    font-size: 14px;
}
.commpare-table td {
    padding: 8px 0;
    zoom: 1;
    text-align: center;
    word-wrap: break-word;
    word-break: break-all;
}
.commpare-table .cate-title {
    padding-left: 10px;
    background: #fafafa;
	text-align: left;
}
.compare-table-head strong {
    display: block;
    font: 14px/24px 'Microsoft YaHei',arial;
    text-align: center;
}
.commpare-table .unavailable img{ width:90%;}
.cate-title strong {
    position: relative;
    display: block;
    padding-left: 17px;
    font: 14px/20px 'Microsoft YaHei',arial;
    background-position: -87px 2px;
    color: #333;
}
.cate-title strong i {
    position: absolute;
    left: 0;
    top: 5px;
    width: 9px;
    height: 9px;
    background: url(../images/icon.png) no-repeat -17px -20px;
}
.cate-item-on .cate-title strong i {
    background-position: -35px -20px;
}
}

.input-keyword-wrap{ width:90%; height:24px; border:1px solid #cacaca; margin:auto; max-width:260px; position:relative;}
.input-keyword-wrap span{ display:block; float:left; width:94%; margin:0 3%; height:24px; line-height:24px; text-align:left;}
.input-keyword-wrap i{
	position: absolute;
    right: 8px;
    top: 10px;
    width: 9px;
    height: 5px;
    font: 0/0 arial;
    background: url(../images/param_compare20170220.png) no-repeat;
    background-position: 0 -150px;
}
.cobg{ width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:fixed; left:0; top:0; z-index:1000;}
.code {
	width: 300px;
	background-color: #fff;
	padding: 10px;
	position:fixed;
	left: 45%;
	margin-left:-160px;
	top:10%;
	z-index: 1002;
}
.close1 {
	width: 300px;
	height: 40px;
}
.close1 h2{ font-size:18px; height:20px; line-height:20px; float:left; display:block;}
.closebt {
	float: right;
}
.closebt img {
	width: 20px;
}

.sliding-menu { overflow: hidden; position: relative; }

	.sliding-menu ul { float: left; margin: 0; }

		.sliding-menu li { list-style: none; margin: 0; }

			.sliding-menu a { display: block; padding: 1em; }

				.sliding-menu a:hover { background: #333; color: #FFF; }

				.sliding-menu a.nav:before { content: '\3009'; float: right; margin-left: 1em; }

				.sliding-menu a.back { background: #555; color: #FFF; }

					.sliding-menu a.back:before { content: '\3008'; float: left; margin-right: 1em; }
#content2 table,#content1 table{ border:1px solid #000; width:100% !important;}
#content2 table td,#content1 table td,#content2 table th,#content1 table th{ padding:0 !important; word-break:break-all;}
.yx{ width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:fixed; left:0; top:0; z-index:99999; display:none;} 
.alertable {
    position: fixed;
    z-index: 9999;
    top: 38vh;
    left: calc(50% - 150px);
    width: 300px;
    background: white;
    border-radius: 4px;
    padding: 20px;
    margin: 0 auto;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.alertable-message {
    margin-bottom: 20px;
	font-size:14px;
}
.alertable-message p{ display:block; color:#025291; font-size:20px; padding-top:10px;}
.alertable-buttons {
    text-align: right;
}
.alertable-ok {
    background: #025291;
    border: solid 1px #025291;
    font-family: inherit;
    font-size: inherit;
    color: white;
    border-radius: 4px;
    padding: 6px 12px;
    margin-left: 4px;
    cursor: pointer;
}</pre></body></html>